原文: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. 【AI测试】也许这有你想知道的人工智能 (AI) 测试--开篇

    人工智能测试 什么是人工智能,人工智能是怎么测试的.可能是大家一开始最想了解的. 大家看图中关于人工智能的定义.通俗点来说呢,就是 让机器实现原来只有人类才能完成的任务:比如看懂照片,听懂说话,思考等 ...

  2. ZooKeeper之服务器动态上下线案例

    需求 某分布式系统中,主节点可以有多台,可以动态上下线,任意一台客户端都能实时感知到主节点服务器的上下线. 需求分析 具体实现 先在集群上创建/servers节点 create /servers &q ...

  3. 初识.netCore以及如何vs2019创建项目和发布

    一:什么是.netCore 从图上得知,.NetCore是同.NetFramework一样也是一种框架,并且都是基于.Net Standard Library,前面我们有用过.netFramwork来 ...

  4. appium 基础：常用api接口（2）

    一.获取手机分辨率 size=driver.get_window_size()#获取手机屏幕大小,分辨率 print(size)#{'width': 720, 'height': 1280} 得到的是 ...

  5. 201871010117 石欣钰《面向对象程序设计（Java）》第十二周学习总结

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

  6. 201871010131-张兴盼《面向对象程序设计（java）》第十四周学习总结

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

  7. Sentinel Dashboard 的 Docker 镜像使用

    1.下载 docker 镜像:https://hub.docker.com/r/anjia0532/sentinel-docker 2.启动 docker 容器:docker run -p8080:8 ...

  8. 实战接口开发：python + flask + mysql + redis（根据反馈，持续细化更新。。。）

    前言 自动化已经成为测试的必备技能之一了,所以,很多想跳槽的测试朋友都在自学,特别是最实用的接口自动化, 但是很多人因为没有可以练手的项目而苦恼,最终导致缺乏实战经验,其实,完全可以自己开发个简单项目 ...

  9. 【NodeJS】Vue-d2Admin

    INFO Starting development server... 10% building 2/2 modules 0 active ERROR Error: Watching remote f ...

  10. WIN10安装64位JDK10.0.2详细完整教程（图文）

    1.下载JDK 下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.html 1)如下图,点击红色箭头处: 2)如下图 ...