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

<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. 二叉树中的最大路径和 · Binary Tree Maximum Path Sum

    ［抄题］: 给出一棵二叉树,寻找一条路径使其路径和最大,路径可以在任一节点中开始和结束(路径和为两个节点之间所在路径上的节点权值之和) ［思维问题］: 不会写分合法 ［一句话思路］: 用两次分治:ro ...

  2. Linux SSH基于密钥交换的自动登陆原理简介及配置说明

    一.原理简介 SSH证书认证登录的基础是一对唯一匹配密钥: 私钥(private key)和公钥(public key).公钥用于对数据进行加密,而且只能用于加密.而私钥只能对使用所匹配的公钥,所加密 ...

  3. 12-ssm中的description The request sent by the client was syntactically incorrect.

    此问题一般是在前端的数据传回是封装成对象失败的情况: 1.对象名不一致: 2.对象的数据类型不一致: 特别注意日期类型的: 如果前端是date数据类型的话: 传入的日期有问题 在pojo类中限定 @D ...

  4. Boost 库uuid 的使用

    UUID 简介 通用唯一识别码(英语:Universally Unique Identifier,简称UUID)是一种软件建构的标准,亦为开放软件基金会组织在分布式计算环境领域的一部分. uuid 版 ...

  5. SQL Cursor 基本用法[用两次FETCH NEXT FROM INTO语句?]

    Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> ...

  6. Macbook pro睡眠状态恢复后没声音的解决办法

    杀招: sudo killall coreaudiod macos会自动重启进程,恢复声音

  7. PAT 1074 宇宙无敌加法器（20）（代码+思路+测试点分析）

    1074 宇宙无敌加法器(20 分)提问 地球人习惯使用十进制数,并且默认一个数字的每一位都是十进制的.而在 PAT 星人开挂的世界里,每个数字的每一位都是不同进制的,这种神奇的数字称为"P ...

  8. laravel中if

    1.控制器 2.模板

  9. Fully Update And Upgrade Offline Debian-based Systems

    Let us say, you have a system (Windows or Linux) with high-speed Internet connection at work and a D ...

  10. Linux 常用环境变量

    /etc/profile.d/start.sh # java export JAVA_HOME=/usr/local/jdk export CLASSPATH=.:$CLASSPATH:$JAVA_H ...