原文: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. 从未被Google过 #NerverBeenGoogled

    我相信大家都用Google搜索互联网上的东西,Google会跟踪你搜索的所有内容,但是你或许不知道,他们也记录着从未被Google过的内容.我有个清单,这些是有史以来从未被Google过的一些东西1. ...

  2. EM算法-完整推导

    前篇已经对EM过程,举了扔硬币和高斯分布等案例来直观认识了, 目标是参数估计, 分为 E-step 和 M-step, 不断循环, 直到收敛则求出了近似的估计参数, 不多说了, 本篇不说栗子, 直接来 ...

  3. redis高并发总结

    Redis是单线程的,省去了很多上下文切换线程的时间:(官方答案:因为Redis是基于内存的操作,CPU不是Redis的瓶颈,Redis的瓶颈最有可能是机器内存的大小或者网络带宽.既然单线程容易实现, ...

  4. 百度云部署SSL证书

    查找中间证书 为了确保兼容到所有浏览器,我们必须在阿里云上部署中间证书,如果不部署证书,虽然安装过程可以完全也不会报错,但可能导致Android系统,Chrome 和 Firefox等浏览器无法识别. ...

  5. 3. gn入门

    Chromium是用gn和ninja进行编译的,即gn把.gn文件转换成.ninja文件,然后ninja根据.ninja文件将源码生成目标程序.gn和ninja的关系就与cmake和make的关系差不 ...

  6. v8 编译 时长3小时

  7. 201871010110-李华《面向对象程序设计（java）》第十一周学习总结

    项目 内容 这个作业属于哪个课程 https://www.cnblogs.com/nwnu-daizh/ 这个作业的要求在哪里 https://www.cnblogs.com/nwnu-daizh/p ...

  8. day10_7.10 函数的嵌套等

    一.命名关键字参数.(了解) 1.在函数阶段,写在*与** 可变长参数之间的形参称为命名关键字参数. 在给命名关键字参数传值时,只能用关键字为其传值.诸如以下函数的形参 def func(x,y=,* ...

  9. MDK快速定位硬件异常位置方法（移植SEGGER_HardFaultHandler库），调用show caller code即可快速锁定（参考硬汉哥）

    今天网上看到keil中如果快速定位hardfault的方法参考如下说明:1. MDK的硬件异常分析主要是通过MDK调试状态进行分析的. 文档下载 apnt209.pdf (651 KB, 下载次数: ...

  10. Python进阶-VI 生成器函数进阶、生成器表达式、推导式

    一.生成器函数进阶 需求:求取移动平均数 1.应用场景之一,在奥运会气枪射击比赛中,每打完一发都会显示平均环数! def show_avg(): print('你已进入显示移动平均环数系统!') a ...