原文: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. 关于使用Hadoop MR的Eclipse插件开发时遇到Permission denied问题的解决办法【转】

    搭建了一个Hadoop的环境,Hadoop集群环境部署在几个Linux服务器上,现在想使用windows上的Java客户端来操作集群中的HDFS文件,但是在客户端运行时出现了如下的认证错误,被折磨了几 ...

  2. SUSE12-SP2安装教程（虚拟机）

    创建虚拟机,安装系统,安装系统后的系统设置 创建虚拟机 将SUSE12-SP2镜像(大于3G)上传到虚拟机主机存储. 创建虚拟机创建虚拟机,CPU>=8核,内存>=16G(注:我这里仅演示 ...

  3. 【Spring Boot】Spring Boot之使用ImportBeanDefinitionRegistrar类实现动态注册Bean

    一.ImportBeanDefinitionRegistrar类介绍 ImportBeanDefinitionRegistrar类通过其他@Configuration类通过@Import的方式来加载, ...

  4. Linux内存管理（最透彻的一篇）【转】

    转自:https://www.cnblogs.com/ralap7/p/9184773.html 摘要:本章首先以应用程序开发者的角度审视Linux的进程内存管理,在此基础上逐步深入到内核中讨论系统物 ...

  5. python gyp

    https://github.com/bnoordhuis/gyp 所以,手动加了这个变量 https://blog.csdn.net/weixin_30576827/article/details/ ...

  6. 如果使用jsp文件,需要在配置文件中配置resources项,才能让idea识别这个jsp文件

    没有添加这一项在编译后的.class文件中的结构目录是这样子的 添加上这一个配置项,在class配置文件中的位置是这样子的: 添加的配置文件是这样子的: <resources> <r ...

  7. BeanShell实现加密解密功能

    一,在IDEA中写好加密的脚本 二,然后将整个包文件导出,生成jar包 三,将jar包文件放到jmeter的lib/ext目录下 然后在jmeter的BeanShell中引入该类,调用其中的加密方法 ...

  8. SpringBoot整合FastDFS实现图片的上传

     文件的上传和预览在web开发领域是随处可见,存储的方式有很多,本文采用阿里巴巴余庆大神开发的FastDFS进行文件的存储,FastDFS是一个分布式文件存储系统,可以看我上一篇博文,有安装和配置教程 ...

  9. VIJOS-P1625 精卫填海

    JDOJ 1587 VIJOS-P1625 精卫填海 https://neooj.com/oldoj/problem.php?id=1587 洛谷 P1510 精卫填海 https://www.luo ...

  10. NOIP 2003 乒乓球

    洛谷 P1042 乒乓球 https://www.luogu.org/problemnew/show/P1042 JDOJ 1363: [NOIP2003]乒乓球 T1 https://neooj.c ...