原文:WPF 精修篇 属性动画

属性动画 是通过 Storyboard 来改变属性值



  1. 

    

    

    

           <Rectangle x:Name="rect" Width="200" Height="200" >
    

    2. 

  2. 

    

    

    

                <Rectangle.Fill>
    

    3. 

  3. 

    

    

    

                    <SolidColorBrush Color="Beige" x:Name="color"></SolidColorBrush>
    

    4. 

  4. 

    

    

    

                </Rectangle.Fill>
    

    5. 

  5. 

    

    

    

                <Rectangle.Triggers>
    

    6. 

  6. 

    

    

    

                    <EventTrigger RoutedEvent="MouseEnter">
    

    7. 

  7. 

    

    

    

                        <EventTrigger.Actions>
    

    8. 

  8. 

    

    

    

                            <BeginStoryboard>
    

    9. 

  9. 

    

    

    

                                <Storyboard>
    

    10. 

  10. 

    

    

    

                                    <DoubleAnimation Duration="0:0:1" Storyboard.TargetName="rect" Storyboard.TargetProperty="Width" To="400"></DoubleAnimation>
    

    11. 

  11. 

    

    

    

                                    <ColorAnimation Duration="0:0:1" Storyboard.TargetName="color" Storyboard.TargetProperty="Color" To="Cyan"></ColorAnimation>
    

    12. 

  12. 

    

    

    

                                    <DoubleAnimation Duration="0:0:1" Storyboard.TargetName="rect" Storyboard.TargetProperty="Height" To="400"></DoubleAnimation>
    

    13. 

  13. 

    

    

    

                                </Storyboard>
    

    14. 

  14. 

    

    

    

     
    

    15. 

  15. 

    

    

    

                            </BeginStoryboard>
    

    16. 

  16. 

    

    

    

                        </EventTrigger.Actions>
    

    17. 

  17. 

    

    

    

                        
    

    18. 

  18. 

    

    

    

                    </EventTrigger>
    

    19. 

  19. 

    

    

    

                    <EventTrigger RoutedEvent="MouseLeave">
    

    20. 

  20. 

    

    

    

                        <EventTrigger.Actions>
    

    21. 

  21. 

    

    

    

                            <BeginStoryboard>
    

    22. 

  22. 

    

    

    

                                <Storyboard>
    

    23. 

  23. 

    

    

    

                                    <DoubleAnimation Duration="0:0:1" Storyboard.TargetName="rect" Storyboard.TargetProperty="Width" To="200"></DoubleAnimation>
    

    24. 

  24. 

    

    

    

                                    <ColorAnimation Duration="0:0:1" Storyboard.TargetName="color" Storyboard.TargetProperty="Color" To="Beige"></ColorAnimation>
    

    25. 

  25. 

    

    

    

                                    <DoubleAnimation Duration="0:0:1" Storyboard.TargetName="rect" Storyboard.TargetProperty="Height" To="200"></DoubleAnimation>
    

    26. 

  26. 

    

    

    

     
    

    27. 

  27. 

    

    

    

                                </Storyboard>
    

    28. 

  28. 

    

    

    

                            </BeginStoryboard>
    

    29. 

  29. 

    

    

    

                        </EventTrigger.Actions>
    

    30. 

  30. 

    

    

    

                    </EventTrigger>
    

    31. 

  31. 

    

    

    

                </Rectangle.Triggers>
    

    32. 

  32. 

    

    

    

                
    

    33. 

  33. 

    

    

    

     
    

    34. 

  34. 

    

    

    

            </Rectangle>

WPF 精修篇 属性动画的更多相关文章

  1. WPF 精修篇 属性触发器

    原文:WPF 精修篇 属性触发器 属性触发器是通过  某个条件触发改变属性 通过无代码实现功能 <Style TargetType="{x:Type Label}"> ...

  2. WPF 精修篇 路径动画

    原文:WPF 精修篇 路径动画 路径动画 是让一个对象围绕指定Path 的运动路径 进行移动的动画 举栗子 路径动画 使用 Blend 来设置 是十分简单的 首先用工具 笔  点出一条线 新建一个圆形 ...

  3. WPF 精修篇 依赖属性

    原文:WPF 精修篇 依赖属性 依赖属性使用场景 1. 希望可在样式中设置属性. 2. 希望属性支持数据绑定. 3. 希望可使用动态资源引用设置属性. 4. 希望从元素树中的父元素自动继承属性值. 5 ...

  4. WPF 精修篇 动画组TransformGroup

    原文:WPF 精修篇 动画组TransformGroup 动画分组 TransformGroup 一个元素可能要有缩放 ScaleTransform和移动 TranslateTransform等多个效 ...

  5. WPF 精修篇 多属性触发器

    原文:WPF 精修篇 多属性触发器 多属性触发器就是多个属性都满足在触发 在属性触发器上加了一些逻辑判断 举栗子 这个栗子里  textBox 要满足俩个条件 才能触发背景变色 1)textbox的 ...

  6. WPF 精修篇 用户控件

    原文:WPF 精修篇 用户控件 增加用户控件 数据绑定还是用依赖属性 使用的事件 就委托注册一下 public delegate void ButtonClick(object b,EventArgs ...

  7. WPF 精修篇 数据绑定到对象

    原文:WPF 精修篇 数据绑定到对象 数据绑定到对象 首先 我们需要一个对象 public class Preson { private string name; public string Name ...

  8. WPF 精修篇 数据绑定 更新通知

    原文:WPF 精修篇 数据绑定 更新通知 开始更新一点有意思的了 首先 数据绑定  其中之一 Element 绑定 看例子 <Window x:Class="WpfApplicatio ...

  9. WPF 精修篇 附加属性

    原文:WPF 精修篇 附加属性 微软把DLL都开源了  今天看了一下 很多WPF实现内容都在里面 https://referencesource.microsoft.com/ 说附加属性 附加属性 是 ...

随机推荐

  1. SQL Server学习内容（一）

    SQL Server SQL Server对大小写不敏感,每条语句末端使用分号. 1.SQL命令 SELECT 从数据中提取数据 UPDATE 更新数据中的数据 DELETE 从数据库中删除数据 IN ...

  2. AssetBundleMaster_Introduce_EN

    This is an integrated solution for building AssetBundles and loading Assets. what it can do is about ...

  3. echarts之--柱状图-%显示

    测试地址 https://www.echartsjs.com/examples/zh/editor.html?c=bar-tick-align var option = { title: { text ...

  4. 破解Beyond Compare 4

    Beyond Compare 4 30天试用期后,破解方法. 方法一:在安装目录下找到文件BCUnrar.dll,比如:D:\software\Beyond Compare 4,重命名该文件即可. 重 ...

  5. shell的使用技巧

    推荐使用的远程连接软件以及vi编辑器的基本使用 简介:远程连接软件 与 vi命令的基本使用 (1)软件: CRT 已经下载好的压缩包 直接双击 点击新建会话  点击下一步  输入主机名  下一步    ...

  6. keil mdk+stm32的ac5和 ac6两个编译器下的字节对齐操作方法

    最近在使用ac6.9的编译器,编译速度是真的很快,使用stm32的hal库编译速度也比ac5的编译器快很多.本文试验stm32中字节对齐的代码测试,主要是结构体,因为结构体中实际项目中用到最多,同时在 ...

  7. C++——二维vector初始化大小方法

    初始化二维vector,为r*c的vector,所有值为0.1.直接用初始化方法(刚开始没想到) vector<vector<int> > newOne(r, vector&l ...

  8. openlayers上添加点击事件

    有很多场景会有这个需求,就是我绘制了图标,点击图标需要展示一些对应的信息 openlayer的事件主要是通过监听来完成的,你所有的icon的点击事件都是可以通过监听map的点击事件来处理对应的逻辑的 ...

  9. GIT : IDEA切换到某个tag

    背景看一本presto的书,发现版本用的是presto-0.107这个版本.然后我去Apache clone下源码,发现分支只有几个,但是下载页面却有很多不同的版本 然后看Tag发现有很多. 然后我现 ...

  10. AtCoder Grand Contest 037题解

    传送门 \(A\) 直接把每个字母作为一个字符串,如果某个串和它前面的相同,那么就把这个字母和它后面那个字母接起来.然而我并不会证明这个贪心的正确性 //quming #include<bits ...