Blend For VS2017的使用简述（上）

Posted 2021-01-06 mamaxiaoling

　　在编写WPF控件时，有一些动画效果及模板样式我们凭着想象或仅从别人那里Copy的代码在达到的效果上可能不尽如意。在Blend中可以较为直观的去实现。下面我将对Blend分为三部分进行讲解：动画、视觉管理、模板。本文为实用性简述。

一、动画

　　继承自：System.Windows.Media.Animation.TimeLine

　　 该类有以下属性:
　　1.AutoReverse    类型：bool                             true:正序运行一次反序运行一次
　　2.BeginTime       Nullable<TimeSpan>             null:无起始时间点
　　3.Duration          System.Window.Duration      动画的运行周期 0:0:5 五秒
　　4.FillBehavior    Animation.FillBehavior            获取或设置一个值，指定运动结束的行为方式 默认HoleEnd；Stop则相反，不保留结束值
　　5.RepeatBehavior     Animation.RepeatBehavior       重播次数 如果设置RepeatBehavior.Count=1.5x(x是倍数的含义，又称迭代)，该动画将完整的运行一次，然后在运行一 半动画。
        6.SpeedRatio属性     Double    该属性用来控制动画速率，默认为1.0.如果设置速率大于1.0，则动画速度会变快，反之，动画速度会变慢

       原理

      动画分类

　　　1.From/To/By动画,根据处理的数据类型分为 ：DoubleAnimation、ColorAnimation、PointAnimation

　　 2.关键帧动画：关键帧和动画控制 。关键帧：在某一点控制属性；动画控制：控制动画过渡效果：Linear/Diacrete/Spline

　　    根据处理的数据类型分为：DoubleAnimationUsingKeyFrames、ColorAnimationUsingKeyFrames、 PointAnimationUsingKeyFrames、ObjectAnimationUsingKeyFrames

 

       blend操作

　　  StoryBoard:管理时间线的类。功能：管理和控制动画进程；为动画指定控件及控件属性

            面板：【对象和时间线】>>   点击+号，新建StoryBoard>>在【属性面板】中设置控件属性及控件下一层RenderTransform运动轨迹

 

二、视觉管理器

        xmal代码中的样式及在不同状态下的样式设计。

      Blend 操作 

　　　1.【对象和时间线】面板》》选中控件右键 》编辑模板副本...

　　    2.【状态】面板 》选中状态》【属性】面板中添加不同状态的过渡样式

三、模板

     　　Style和ControlTemplate

      Blend操作

      Style：

　　新建：编辑模板》》资源字典 》设置各项属性及不同状态的样式

      在其他控件上应用：选中控件》》编辑模板》》应用资源

     ControlTemplate：待续