非原创，网上下载的，觉得还可以，记录一下以便以后查看学习

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <Style x:Key="ExpanderRightHeaderStyle"

           TargetType="{x:Type ToggleButton}">

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{x:Type ToggleButton}">

                    <Border Padding="{TemplateBinding Padding}">

                        <Grid Background="Transparent"

                              SnapsToDevicePixels="False">

                            <Grid.RowDefinitions>

                                <RowDefinition Height="19" />

                                <RowDefinition Height="*" />

                            </Grid.RowDefinitions>

                            <Grid>

                                <Grid.LayoutTransform>

                                    <TransformGroup>

                                        <TransformGroup.Children>

                                            <TransformCollection>

                                                <RotateTransform Angle="-90" />

                                            </TransformCollection>

                                        </TransformGroup.Children>

                                    </TransformGroup>

                                </Grid.LayoutTransform>

                                <Ellipse x:Name="circle"

                                         HorizontalAlignment="Center"

                                         Height="19"

                                         Stroke="DarkGray"

                                         VerticalAlignment="Center"

                                         Width="19" />

                                <Path x:Name="arrow"

                                      Data="M 1,1.5 L 4.5,5 L 8,1.5"

                                      HorizontalAlignment="Center"

                                      SnapsToDevicePixels="false"

                                      Stroke="#666"

                                      StrokeThickness="2"

                                      VerticalAlignment="Center" />

                            </Grid>

                            <ContentPresenter HorizontalAlignment="Center"

                                              Margin="0,4,0,0"

                                              Grid.Row="1"

                                              RecognizesAccessKey="True"

                                              SnapsToDevicePixels="True"

                                              VerticalAlignment="Top" />

                        </Grid>

                    </Border>

                    <ControlTemplate.Triggers>

                        <Trigger Property="IsChecked"

                                 Value="true">

                            <Setter Property="Data"

                                    TargetName="arrow"

                                    Value="M 1,4.5  L 4.5,1  L 8,4.5" />

                        </Trigger>

                        <Trigger Property="IsMouseOver"

                                 Value="true">

                            <Setter Property="Stroke"

                                    TargetName="circle"

                                    Value="#FF3C7FB1" />

                            <Setter Property="Stroke"

                                    TargetName="arrow"

                                    Value="#222" />

                        </Trigger>

                        <Trigger Property="IsPressed"

                                 Value="true">

                            <Setter Property="Stroke"

                                    TargetName="circle"

                                    Value="#FF526C7B" />

                            <Setter Property="StrokeThickness"

                                    TargetName="circle"

                                    Value="1.5" />

                            <Setter Property="Stroke"

                                    TargetName="arrow"

                                    Value="#FF003366" />

                        </Trigger>

                    </ControlTemplate.Triggers>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>

    <Style x:Key="ExpanderUpHeaderStyle"

           TargetType="{x:Type ToggleButton}">

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{x:Type ToggleButton}">

                    <Border Padding="{TemplateBinding Padding}">

                        <Grid Background="Transparent"

                              SnapsToDevicePixels="False">

                            <Grid.ColumnDefinitions>

                                <ColumnDefinition Width="19" />

                                <ColumnDefinition Width="*" />

                            </Grid.ColumnDefinitions>

                            <Grid>

                                <Grid.LayoutTransform>

                                    <TransformGroup>

                                        <TransformGroup.Children>

                                            <TransformCollection>

                                                <RotateTransform Angle="180" />

                                            </TransformCollection>

                                        </TransformGroup.Children>

                                    </TransformGroup>

                                </Grid.LayoutTransform>

                                <Ellipse x:Name="circle"

                                         HorizontalAlignment="Center"

                                         Height="19"

                                         Stroke="DarkGray"

                                         VerticalAlignment="Center"

                                         Width="19" />

                                <Path x:Name="arrow"

                                      Data="M 1,1.5 L 4.5,5 L 8,1.5"

                                      HorizontalAlignment="Center"

                                      SnapsToDevicePixels="false"

                                      Stroke="#666"

                                      StrokeThickness="2"

                                      VerticalAlignment="Center" />

                            </Grid>

                            <ContentPresenter Grid.Column="1"

                                              HorizontalAlignment="Left"

                                              Margin="4,0,0,0"

                                              RecognizesAccessKey="True"

                                              SnapsToDevicePixels="True"

                                              VerticalAlignment="Center" />

                        </Grid>

                    </Border>

                    <ControlTemplate.Triggers>

                        <Trigger Property="IsChecked"

                                 Value="true">

                            <Setter Property="Data"

                                    TargetName="arrow"

                                    Value="M 1,4.5  L 4.5,1  L 8,4.5" />

                        </Trigger>

                        <Trigger Property="IsMouseOver"

                                 Value="true">

                            <Setter Property="Stroke"

                                    TargetName="circle"

                                    Value="#FF3C7FB1" />

                            <Setter Property="Stroke"

                                    TargetName="arrow"

                                    Value="#222" />

                        </Trigger>

                        <Trigger Property="IsPressed"

                                 Value="true">

                            <Setter Property="Stroke"

                                    TargetName="circle"

                                    Value="#FF526C7B" />

                            <Setter Property="StrokeThickness"

                                    TargetName="circle"

                                    Value="1.5" />

                            <Setter Property="Stroke"

                                    TargetName="arrow"

                                    Value="#FF003366" />

                        </Trigger>

                    </ControlTemplate.Triggers>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>

    <Style x:Key="ExpanderLeftHeaderStyle"

           TargetType="{x:Type ToggleButton}">

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{x:Type ToggleButton}">

                    <Border Padding="{TemplateBinding Padding}">

                        <Grid Background="Transparent"

                              SnapsToDevicePixels="False">

                            <Grid.RowDefinitions>

                                <RowDefinition Height="19" />

                                <RowDefinition Height="*" />

                            </Grid.RowDefinitions>

                            <Grid>

                                <Grid.LayoutTransform>

                                    <TransformGroup>

                                        <TransformGroup.Children>

                                            <TransformCollection>

                                                <RotateTransform Angle="90" />

                                            </TransformCollection>

                                        </TransformGroup.Children>

                                    </TransformGroup>

                                </Grid.LayoutTransform>

                                <Ellipse x:Name="circle"

                                         HorizontalAlignment="Center"

                                         Height="19"

                                         Stroke="DarkGray"

                                         VerticalAlignment="Center"

                                         Width="19" />

                                <Path x:Name="arrow"

                                      Data="M 1,1.5 L 4.5,5 L 8,1.5"

                                      HorizontalAlignment="Center"

                                      SnapsToDevicePixels="false"

                                      Stroke="#666"

                                      StrokeThickness="2"

                                      VerticalAlignment="Center" />

                            </Grid>

                            <ContentPresenter HorizontalAlignment="Center"

                                              Margin="0,4,0,0"

                                              Grid.Row="1"

                                              RecognizesAccessKey="True"

                                              SnapsToDevicePixels="True"

                                              VerticalAlignment="Top" />

                        </Grid>

                    </Border>

                    <ControlTemplate.Triggers>

                        <Trigger Property="IsChecked"

                                 Value="true">

                            <Setter Property="Data"

                                    TargetName="arrow"

                                    Value="M 1,4.5  L 4.5,1  L 8,4.5" />

                        </Trigger>

                        <Trigger Property="IsMouseOver"

                                 Value="true">

                            <Setter Property="Stroke"

                                    TargetName="circle"

                                    Value="#FF3C7FB1" />

                            <Setter Property="Stroke"

                                    TargetName="arrow"

                                    Value="#222" />

                        </Trigger>

                        <Trigger Property="IsPressed"

                                 Value="true">

                            <Setter Property="Stroke"

                                    TargetName="circle"

                                    Value="#FF526C7B" />

                            <Setter Property="StrokeThickness"

                                    TargetName="circle"

                                    Value="1.5" />

                            <Setter Property="Stroke"

                                    TargetName="arrow"

                                    Value="#FF003366" />

                        </Trigger>

                    </ControlTemplate.Triggers>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>

    <Style x:Key="ExpanderHeaderFocusVisual">

        <Setter Property="Control.Template">

            <Setter.Value>

                <ControlTemplate>

                    <Border>

                        <Rectangle Margin="0"

                                   SnapsToDevicePixels="true"

                                   Stroke="Black"

                                   StrokeThickness="1"

                                   StrokeDashArray="1 2" />

                    </Border>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>

    <Style x:Key="ExpanderDownHeaderStyle"

           TargetType="{x:Type ToggleButton}">

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{x:Type ToggleButton}">

                    <Border Padding="{TemplateBinding Padding}">

                        <Grid Background="Transparent"

                              SnapsToDevicePixels="False">

                            <Grid.ColumnDefinitions>

                                <ColumnDefinition Width="19" />

                                <ColumnDefinition Width="*" />

                            </Grid.ColumnDefinitions>

                            <Ellipse x:Name="circle"

                                     HorizontalAlignment="Center"

                                     Height="19"

                                     Stroke="DarkGray"

                                     VerticalAlignment="Center"

                                     Width="19" />

                            <Path x:Name="arrow"

                                  Data="M 1,1.5 L 4.5,5 L 8,1.5"

                                  HorizontalAlignment="Center"

                                  SnapsToDevicePixels="false"

                                  Stroke="#666"

                                  StrokeThickness="2"

                                  VerticalAlignment="Center" />

                            <ContentPresenter Grid.Column="1"

                                              HorizontalAlignment="Left"

                                              Margin="4,0,0,0"

                                              RecognizesAccessKey="True"

                                              SnapsToDevicePixels="True"

                                              VerticalAlignment="Center" />

                        </Grid>

                    </Border>

                    <ControlTemplate.Triggers>

                        <Trigger Property="IsChecked"

                                 Value="true">

                            <Setter Property="Data"

                                    TargetName="arrow"

                                    Value="M 1,4.5  L 4.5,1  L 8,4.5" />

                        </Trigger>

                        <Trigger Property="IsMouseOver"

                                 Value="true">

                            <Setter Property="Stroke"

                                    TargetName="circle"

                                    Value="#FF3C7FB1" />

                            <Setter Property="Stroke"

                                    TargetName="arrow"

                                    Value="#222" />

                        </Trigger>

                        <Trigger Property="IsPressed"

                                 Value="true">

                            <Setter Property="Stroke"

                                    TargetName="circle"

                                    Value="#FF526C7B" />

                            <Setter Property="StrokeThickness"

                                    TargetName="circle"

                                    Value="1.5" />

                            <Setter Property="Stroke"

                                    TargetName="arrow"

                                    Value="#FF003366" />

                        </Trigger>

                    </ControlTemplate.Triggers>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>

    <Style x:Key="ExpanderStyleMain"

           TargetType="{x:Type Expander}">

        <Setter Property="Foreground"

                Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />

        <Setter Property="Background"

                Value="Transparent" />

        <Setter Property="HorizontalContentAlignment"

                Value="Stretch" />

        <Setter Property="VerticalContentAlignment"

                Value="Stretch" />

        <Setter Property="BorderBrush"

                Value="Transparent" />

        <Setter Property="BorderThickness"

                Value="1" />

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{x:Type Expander}">

                    <ControlTemplate.Resources>

                        <Storyboard x:Key="STHide">

                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.LayoutTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"

                                                           Storyboard.TargetName="ExpandSite">

                                <EasingDoubleKeyFrame KeyTime="0:0:0.2"

                                                      Value="0" />

                            </DoubleAnimationUsingKeyFrames>

                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)"

                                                           Storyboard.TargetName="ExpandSite">

                                <EasingDoubleKeyFrame KeyTime="0:0:0.2"

                                                      Value="1" />

                            </DoubleAnimationUsingKeyFrames>

                        </Storyboard>

                        <Storyboard x:Key="STShow">

                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.LayoutTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"

                                                           Storyboard.TargetName="ExpandSite">

                                <EasingDoubleKeyFrame KeyTime="0"

                                                      Value="0" />

                                <EasingDoubleKeyFrame KeyTime="0:0:0.2"

                                                      Value="1" />

                            </DoubleAnimationUsingKeyFrames>

                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)"

                                                           Storyboard.TargetName="ExpandSite">

                                <EasingDoubleKeyFrame KeyTime="0"

                                                      Value="0" />

                                <EasingDoubleKeyFrame KeyTime="0:0:0.2"

                                                      Value="1" />

                            </DoubleAnimationUsingKeyFrames>

                        </Storyboard>

                    </ControlTemplate.Resources>

                    <Border BorderBrush="{TemplateBinding BorderBrush}"

                            BorderThickness="{TemplateBinding BorderThickness}"

                            Background="{TemplateBinding Background}"

                            CornerRadius="3"

                            SnapsToDevicePixels="true">

                        <DockPanel>

                            <ToggleButton x:Name="HeaderSite"

                                          ContentTemplate="{TemplateBinding HeaderTemplate}"

                                          ContentTemplateSelector="{TemplateBinding HeaderTemplateSelector}"

                                          Content="{TemplateBinding Header}"

                                          DockPanel.Dock="Top"

                                          Foreground="{TemplateBinding Foreground}"

                                          FontWeight="{TemplateBinding FontWeight}"

                                          FocusVisualStyle="{StaticResource ExpanderHeaderFocusVisual}"

                                          FontStyle="{TemplateBinding FontStyle}"

                                          FontStretch="{TemplateBinding FontStretch}"

                                          FontSize="{TemplateBinding FontSize}"

                                          FontFamily="{TemplateBinding FontFamily}"

                                          HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"

                                          IsChecked="{Binding IsExpanded, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"

                                          Margin="1"

                                          MinWidth="0"

                                          MinHeight="0"

                                          Padding="{TemplateBinding Padding}"

                                          Style="{StaticResource ExpanderDownHeaderStyle}"

                                          VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" />

                            <ContentPresenter x:Name="ExpandSite"

                                              DockPanel.Dock="Bottom"

                                              Focusable="false"

                                              HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"

                                              Margin="{TemplateBinding Padding}"

                                              Visibility="Visible"

                                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}">

                                <ContentPresenter.LayoutTransform>

                                    <TransformGroup>

                                        <ScaleTransform />

                                        <SkewTransform />

                                        <RotateTransform />

                                        <TranslateTransform />

                                    </TransformGroup>

                                </ContentPresenter.LayoutTransform>

                            </ContentPresenter>

                        </DockPanel>

                    </Border>

                    <ControlTemplate.Triggers>

                        <EventTrigger RoutedEvent="FrameworkElement.Loaded">

                            <BeginStoryboard Storyboard="{StaticResource STHide}" />

                        </EventTrigger>

                        <EventTrigger RoutedEvent="Expander.Expanded">

                            <BeginStoryboard x:Name="STShow_BeginStoryboard"

                                             Storyboard="{StaticResource STShow}" />

                        </EventTrigger>

                        <EventTrigger RoutedEvent="Expander.Collapsed">

                            <BeginStoryboard Storyboard="{StaticResource STHide}" />

                        </EventTrigger>

                        <Trigger Property="ExpandDirection"

                                 Value="Right">

                            <Setter Property="DockPanel.Dock"

                                    TargetName="ExpandSite"

                                    Value="Right" />

                            <Setter Property="DockPanel.Dock"

                                    TargetName="HeaderSite"

                                    Value="Left" />

                            <Setter Property="Style"

                                    TargetName="HeaderSite"

                                    Value="{StaticResource ExpanderRightHeaderStyle}" />

                        </Trigger>

                        <Trigger Property="ExpandDirection"

                                 Value="Up">

                            <Setter Property="DockPanel.Dock"

                                    TargetName="ExpandSite"

                                    Value="Top" />

                            <Setter Property="DockPanel.Dock"

                                    TargetName="HeaderSite"

                                    Value="Bottom" />

                            <Setter Property="Style"

                                    TargetName="HeaderSite"

                                    Value="{StaticResource ExpanderUpHeaderStyle}" />

                        </Trigger>

                        <Trigger Property="ExpandDirection"

                                 Value="Left">

                            <Setter Property="DockPanel.Dock"

                                    TargetName="ExpandSite"

                                    Value="Left" />

                            <Setter Property="DockPanel.Dock"

                                    TargetName="HeaderSite"

                                    Value="Right" />

                            <Setter Property="Style"

                                    TargetName="HeaderSite"

                                    Value="{StaticResource ExpanderLeftHeaderStyle}" />

                        </Trigger>

                        <Trigger Property="IsEnabled"

                                 Value="false">

                            <Setter Property="Foreground"

                                    Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />

                        </Trigger>

                    </ControlTemplate.Triggers>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>

</ResourceDictionary>

wpf expender 展开动画的更多相关文章

  1. WPF(C#) 矩阵拖动、矩阵动画、边缘展开动画处理。

    最近在研发新的项目,遇到了一个桌面模式下的难点--展开动画.之前动画这方面没做过,也许很多人开始做的时候也会遇到相关问题,因此我把几个重点及实际效果图总结展示出来: 我的开发环境是在VS2017下进行 ...

  2. WPF3D立方体图形展开动画思路

    WPF3D立方体图形展开动画 效果图: 规定: 立方体中心为(000),棱长为2,则(111)(-1-1-1)等1,-1三维组合的八个点为其顶点 坐标系: 补充: WPF 3D 分为中心对称旋转(Ro ...

  3. WPF中的动画——（三）时间线（TimeLine）

    WPF中的动画——(三)时间线(TimeLine) 时间线(TimeLine)表示时间段. 它提供的属性可以让控制该时间段的长度.开始时间.重复次数.该时间段内时间进度的快慢等等.在WPF中内置了如下 ...

  4. WPF编程学习——动画

    前言 使用动画,是增强用户体验的一种有效的手段.合理的动画,可以让应用程序的界面看起来更加自然.真实.流畅.舒适,更有效地向用户展现信息,用户也更容易接受.同时也增加了软件使用的乐趣,提高用户粘度.( ...

  5. jQuery鼠标悬停3d菜单展开动画

    效果体验:http://hovertree.com/texiao/jquery/93/ 竖直的主菜单贴着页面左侧,当光标移入菜单项时,以3D动画的方式弹出对应的二级菜单.采用jQuery和CSS3实现 ...

  6. WPF 跟随鼠标动画 by wgscd

    WPF 跟随鼠标动画 by wgscd <UserControl x:Class="WpfApplication1.Spark" xmlns="http://sch ...

  7. 【WPF学习笔记】[转]周银辉之WPF中的动画 && 晓风影天之wpf动画——new PropertyPath属性链

    (一)WPF中的动画 动画无疑是WPF中最吸引人的特色之一,其可以像Flash一样平滑地播放并与程序逻辑进行很好的交互.这里我们讨论一下故事板. 在WPF中我们采用Storyboard(故事板)的方式 ...

  8. WPF 有趣的动画效果

    WPF 有趣的动画效果         这一次我要呈上一个简单的文章,关于给你的WPF apps加入美丽的光线动画,可是我对动画这东西可能有点入迷了.         实际上.我对动画如此的入迷,以至 ...

  9. WPF 画线动画效果实现

    原文:WPF 画线动画效果实现 弄了将近三天才搞定的,真是艰辛的实现. 看了很多博客,都太高深了,而且想要实现的功能都太强大了,结果基础部分一直实现不了,郁闷啊~ 千辛万苦终于找到了一个Demo,打开 ...

随机推荐

  1. TZOJ 5279 马拉松比赛(广搜)

    描述 有一块矩形的海域,其中有陆地也有海洋,这块海域是CSUFT_ACM集训队的训练基地,这一天,昌神说要集训队的队员不能总是训练,于是昌神提出了中南林ACM集训队第一场环陆马拉松比赛,顾名思义就是围 ...

  2. 无法访问部署在linux上的Tomcat服务器解决方案

    笔者使用环境:CentOS 6.4  Windows7  tomcat7 主要原因是linux开启了防火墙,有两种解决方案,一种是关闭防火墙,另外一种是开放所要访问的端口 1.关闭防火墙(非常不建议) ...

  3. WebMagic写的网络爬虫

    一.前言 最近因为有爬一些招聘网站的招聘信息的需要,而我之前也只是知道有“网络爬虫”这个神奇的名词,具体是什么.用什么实现.什么原理.如何实现比较好都不清楚,因此最近大致研究了一下,当然,研究的并不是 ...

  4. 把Linq查询返回的var类型的数据 转换为DataTable EF连接查询

    问题:我要获得一个角色下对应的所有用户,需要两表连接查询,虽然返回的只有用户数据,但是我想到若是返回的不只是用户数据,而还要加上角色信息,那么我返回什么类型呢,返回var吗,这样不行. 于是我网上找找 ...

  5. mvc view获取url参数

    视图页面直接获取url get传值, 1.@Request.QueryString["look"] 2.@ViewContext.RequestContext.HttpContex ...

  6. C++对象拾遗

    #include <iostream.h> #include <string.h> //using namespace std; class A { public:     A ...

  7. DB2 字符串的字段转为整形时的问题

    正确语句: select int(cast(substr(dpt_leader_ids,4,posstr(dpt_leader_ids,',0)')-4) as varchar(8))), d.* f ...

  8. 树莓派安装mono

    http://www.mono-project.com/download/ sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --r ...

  9. jdk更换不起作用问题

    本人前面装了jdk8,现在准备用jdk7,我安装好了jdk7:把系统变量中的JAVA_HOME 改为 D:\java\jdk\jdk7\jdk1.7.0_67,Path 下添加如下变量,记得加;和上一 ...

  10. Go并发编程基础（译）

    2015-05-20 三 By youngsterxyf 原文:Fundamentals of concurrent programming 译者:youngsterxyf 本文是一篇并发编程方面的入 ...