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

<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. .net使用httpHandler添加图片防盗链

    .net使用httpHandler添加图片防盗链1. 配置web.config: <!--图片添加水印的配置--> <httpHandlers> <add verb=&q ...

  2. 不同的子序列 · Distinct Subsequences

    ［抄题］: 给出字符串S和字符串T,计算S的不同的子序列中T出现的个数. 子序列字符串是原始字符串通过删除一些(或零个)产生的一个新的字符串,并且对剩下的字符的相对位置没有影响.(比如,“ACE”是“ ...

  3. 二叉树的最大/小/平衡 深度 depth of binary tree

    ［抄题］: 给定一个二叉树,找出其最大深度. 二叉树的深度为根节点到最远叶子节点的距离. ［思维问题］: ［一句话思路］: 分合法的定义 ［输入量］:空: 正常情况:特大:特小:程序里处理到的特殊情况 ...

  4. CentOS 安装 Xamarin官方Mono

    预先准备: 服务器可连入互联网 有yum 工具(没什么好说的,如果这个你没装,那重新装个系统吧,debian 等不要看这个,不一样的) wget 工具(可选) yum-uitl 工具包 导入Xamar ...

  5. Golang之（for）用法

    地鼠每次选好了一块地,打洞,坚持半个月发现地下有块石头,然后他就想绕路了...殊不知绕路只会让它离成果越来越远 package main import ( "fmt" " ...

  6. PAT 1055 集体照 (25)（STL-list+代码）

    1055 集体照 (25)(25 分)提问 拍集体照时队形很重要,这里对给定的N个人K排的队形设计排队规则如下: 每排人数为N/K(向下取整),多出来的人全部站在最后一排: 后排所有人的个子都不比前排 ...

  7. PTA第一次作业和第二次作业

    PTA的第一次作业第一题: #include <stdio.h> int main (void) { int grade,i,N ,a=0,b=0,c=0,d=0,e=0; printf( ...

  8. Devexpress VCL Build v2013 vol 14.1.3 发布

    我修,我修,修修修. New Major Features in 14.1 What's New in VCL Products 14.1 Breaking Changes To learn abou ...

  9. UVa 508 Morse Mismatches （模糊暴力）

    题意:莫尔斯电码,输入若干个字母的Morse编号,一个字典和若干编码.对于每个编号,判断它可能的是哪个单词, 如果有多个单词精确匹配,输出第一个单词并加一个“!”:如果无法精确匹配,那么在编码尾部增加 ...

  10. MySQL外键使用及说明详解

    一.外键约束 MySQL通过外键约束来保证表与表之间的数据的完整性和准确性. 外键的使用条件: 1.两个表必须是InnoDB表,MyISAM表暂时不支持外键(据说以后的版本有可能支持,但至少目前不支持 ...