原文: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. Python 安装cx_Oracle模块

    1.Python安装cx_Oracle模块需要安装Oracle,并在环境变量中添加Oracle的路径. 2.没有安装Oracle的需要下载一个oci.dll的文件,并把文件的路径添加到path中. 如 ...

  2. go-torch安装和使用

    go-torch安装 1.安装FlameGraph脚本 git clone https://github.com/brendangregg/FlameGraph.git cp FlameGraph/f ...

  3. CCF-CSP 201709-3 JSON查询 题解

    试题编号: 201709-3 试题名称: JSON查询 时间限制: 1.0s 内存限制: 256.0MB 问题描述: 问题描述 JSON (JavaScript Object Notation) 是一 ...

  4. 201871010114-李岩松《面向对象程序设计（java）》第十五周学习总结

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

  5. 201871010134-周英杰《面向对象程序设计（java）》第十四周学习总结

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

  6. 自定义web框架（django）

    Django基础了解知识 HTTP协议(超文本传输协议) HTTP协议 四大特性: 基于TCP/IP之上作用于应用层 基于请求响应 无状态 引申出cookie session token-- 无连接 ...

  7. JDOJ 1152 是否是素数

    1152: 是否是素数 https://neooj.com:8082/oldoj/problem.php?id=1152 题目描述 写一个判断素数的函数,在主函数输入一个整数,输出是否是素数的消息. ...

  8. 每天一道Rust-LeetCode(2019-06-10)

    每天一道Rust-LeetCode(2019-06-02) Z 字形变换 坚持每天一道题,刷题学习Rust. 题目描述 https://leetcode-cn.com/problems/simplif ...

  9. Emu8086三种格式的代码-（顺序,分支，循环）

    这个学期准备考研,于是就没有怎么听别的课,现在临近期末,汇编成了个难题.下面是我学校的实验报告 做一个复习的记录吧,下面的代码都是在Emu8086上运行出来的代码 下面先介绍一下,汇编里面的格式问题 ...

  10. tornado模板的使用

    一. 配置模板路径 settings中使用template_path来指定模板的路径, 实例化服务对象时加载进去即可. 二. 模板的使用 1. 使用self.render()方法可返回指定的html页 ...