示例:WPF中自定义StoryBoarService在代码中封装StoryBoard、Animation用于简化动画编写
原文:示例:WPF中自定义StoryBoarService在代码中封装StoryBoard、Animation用于简化动画编写
一、目的:通过对StoryBoard和Animation的封装来简化动画的编写
二、示例:
说明:渐隐藏是WPF中比较常用的动画,上图是通过StoryBoarService封装后的效果,在代码中只要执行如下代码即可:
DoubleStoryboardEngine.Create(1, 0, 1, "Opacity").Start(element);
上面的关闭效果可以定义一个命令如下:
-
public class CollapsedOfOpacityCommand : ICommand
-
{
-
-
public bool CanExecute(object parameter) => true;
-
-
public void Execute(object parameter)
-
{
-
if(parameter is UIElement element)
-
{
-
var engine = DoubleStoryboardEngine.Create(1, 0, 1, "Opacity");
-
-
engine.Start(element);
-
}
-
}
-
-
public event EventHandler CanExecuteChanged;
-
}
在Xaml中调用如下命令即可完成关闭渐隐藏的效果
Command="{x:Static base:CommandService.CollapsedOfOpacityCommand}"
CommandParameter="{Binding RelativeSource={RelativeSource AncestorType=GroupBox}}"
传入的CommandParmeter将会在执行命令时渐隐藏
其中动画效果的代码只需一句代码即可,简化了动画在代码中繁琐的编码过程
DoubleStoryboardEngine.Create(1, 0, 1, "Opacity").Start(element);
二、代码:
目前只实现DoubleAnimation的封装,后续将会对其他类型进行封装
1、封闭修改基类
-
/// <summary> 动画引擎基类 </summary>
-
public abstract class StoryboardEngineBase : IDisposable
-
{
-
protected Storyboard storyboard = new Storyboard();
-
-
public EventHandler CompletedEvent { get; set; }
-
-
public EasingFunctionBase Easing { get; set; } = EasingFunctionFactroy.PowerEase;
-
-
public PropertyPath PropertyPath { get; set; }
-
-
public Duration Duration { get; set; }
-
-
public void Dispose()
-
{
-
storyboard.Completed -= CompletedEvent;
-
}
-
-
public abstract StoryboardEngineBase Start(UIElement element);
-
-
public abstract StoryboardEngineBase Stop();
-
-
public StoryboardEngineBase(int second, string property)
-
{
-
this.PropertyPath = new PropertyPath(property);
-
this.Duration = new Duration(TimeSpan.FromSeconds(second));
-
}
-
-
}
-
-
/// <summary> 动画泛型引擎基类 </summary>
-
public abstract class StoryboardEngineBase<T> : StoryboardEngineBase
-
{
-
public StoryboardEngineBase(T from, T to, int second, string property) : base(second, property)
-
{
-
this.FromValue = from;
-
this.ToValue = to;
-
}
-
-
public T FromValue { get; set; }
-
-
public T ToValue { get; set; }
-
-
//public RepeatBehavior RepeatBehavior { get; set; };
-
-
}
2、开放扩展DoubleStoryboardEngine
-
/// <summary> DoubleAnimation动画引擎 </summary>
-
public class DoubleStoryboardEngine : StoryboardEngineBase<double>
-
{
-
public static DoubleStoryboardEngine Create(double from, double to, int second, string property)
-
{
-
return new DoubleStoryboardEngine(from, to, second, property);
-
}
-
-
public DoubleStoryboardEngine(double from, double to, int second, string property) : base(from, to, second, property)
-
{
-
-
}
-
-
public override StoryboardEngineBase Start(UIElement element)
-
{
-
// Do:时间线
-
DoubleAnimation animation = new DoubleAnimation(1, 0, this.Duration);
-
-
if (this.Easing != null)
-
animation.EasingFunction = this.Easing;
-
-
//if (this.RepeatBehavior != default(RepeatBehavior))
-
// animation.RepeatBehavior = (RepeatBehavior);
-
-
// Do:属性动画
-
storyboard.Children.Add(animation);
-
Storyboard.SetTarget(animation, element);
-
Storyboard.SetTargetProperty(animation, this.PropertyPath);
-
-
if (CompletedEvent != null)
-
storyboard.Completed += CompletedEvent;
-
storyboard.Begin();
-
-
return this;
-
}
-
-
public override StoryboardEngineBase Stop()
-
{
-
this.storyboard.Stop();
-
-
return this;
-
}
-
}
3、过度效果工厂
-
/// <summary> 说明:https://docs.microsoft.com/zh-cn/dotnet/framework/wpf/graphics-multimedia/easing-functions </summary>
-
public static class EasingFunctionFactroy
-
{
-
/// <summary> PowerEase:创建加速和/或减速使用的公式的动画f(t) = tp其中 p 等于Power属性。 </summary>
-
public static PowerEase PowerEase { get; set; } = new PowerEase();
-
/// <summary> BackEase:略微收回动画的动作,然后再开始进行动画处理指示的路径中。 </summary>
-
public static BackEase BackEase { get; set; } = new BackEase();
-
/// <summary> ElasticEase:创建类似于弹簧来回直到静止的动画 </summary>
-
public static ElasticEase ElasticEase { get; set; } = new ElasticEase();
-
/// <summary> BounceEase:创建弹跳效果。 </summary>
-
public static BounceEase BounceEase { get; set; } = new BounceEase();
-
/// <summary> CircleEase:创建加速和/或减速使用循环函数的动画。 </summary>
-
public static CircleEase CircleEase { get; set; } = new CircleEase();
-
-
/// <summary> QuadraticEase:创建加速和/或减速使用的公式的动画f(t) = t2。 </summary>
-
public static QuadraticEase QuadraticEase { get; set; } = new QuadraticEase();
-
-
/// <summary> CubicEase:创建加速和/或减速使用的公式的动画f(t) = t3。 </summary>
-
public static CubicEase CubicEase { get; set; } = new CubicEase();
-
/// <summary> QuarticEase:创建加速和/或减速使用的公式的动画f(t) = t4。 </summary>
-
public static QuarticEase QuarticEase { get; set; } = new QuarticEase();
-
/// <summary> QuinticEase:创建加速和/或减速使用的公式的动画f(t) = t5。 </summary>
-
public static QuinticEase QuinticEase { get; set; } = new QuinticEase();
-
-
/// <summary> ExponentialEase:创建加速和/或减速使用指数公式的动画。 </summary>
-
public static ExponentialEase ExponentialEase { get; set; } = new ExponentialEase();
-
-
/// <summary> SineEase:创建加速和/或减速使用正弦公式的动画。 </summary>
-
public static SineEase SineEase { get; set; } = new SineEase();
-
-
}
4、使用方法:
/// <summary> 构造方法 </summary>
/// <param name="from"> 起始值</param>
/// <param name="to"> 结束值 </param>
/// <param name="second"> 间隔时间秒 </param>
/// <param name="property"> 修改属性名称 </param>
///
public static DoubleStoryboardEngine Create(double from, double to, int second, string property)
{
return new DoubleStoryboardEngine(from, to, second, property);
}
下载地址:https://github.com/HeBianGu/WPF-ControlBase.git
示例:WPF中自定义StoryBoarService在代码中封装StoryBoard、Animation用于简化动画编写的更多相关文章
- Salesforce 自定义标签在代码中的应用
自定义标签简介 Salesforce 中自定义标签(Custom Label)的作用是存储一般性的文本,可以用于 Apex.Visualforce 页面.Lightning 组件等地方,用于显示提示信 ...
- SQL语句在查询分析器中可以执行,代码中不能执行
问题:SQL语句在查询分析器中可以执行,代码中不能执行 解答:sql中包含数据库的关键字,将关键字用[]括起来,可以解决. 后记:建数据库的时候尽量避免使用关键字. 例子: sql.Format(&q ...
- JDK中ThreadDump诊断Java代码中的线程死锁问题
多线程的死锁..死锁不是死了而是线程互相等待... 在项目中可能就是在几十万行的代码中存在一个死锁的问题,如何发现这个问题并且解决这个问题. JavaJDK为我们提供了一个诊断工具叫做ThreadDu ...
- .NET/C# 中你可以在代码中写多个 Main 函数,然后按需要随时切换
.NET/C# 程序从 Main 函数开始执行,基本上各种书籍资料都是这么写的.不过,我们可以写多个 Main 函数,然后在项目文件中设置应该选择哪一个 Main 函数. 你可能会觉得这样没有什么用, ...
- VS中批量删除cs代码中的#region和#endregion
Visual Studio中如何批量删除cs代码中的#region和#endregion,不删除它们中间的代码,只删除这两个标记及标记的注解的方法.Vs中提供了很强大的文本查找与替换功能,简单的替换只 ...
- Android中自定义veiw使用Java中的回调方法
//------------------MainActivity----中---------------------------------- import android.os.Bundle;imp ...
- Xpath在选择器中正确,在代码中返回的是空列表问题
一.问题: 在进行爬虫的时候我们会用到xpath解析html文件,但是会有一种情况就是在xpath选择器中可以使用,但是在代码中就无法使用的情况. 二.原因: 1.是元素中有tbody的原因,这个元素 ...
- c代码中调用c++,c++代码中调用c代码
注意这里的c调用c++或者c++调用c的意思是.c文件中调用.cpp文件中的代码,或者相反 集成开发环境如vc++6.0或者vs都是通过文件后缀来区别当前要编译的是C代码还是C++代码,然后采用相应的 ...
- [django]模板中自定义变量&django模板中的变量
django自定义模板变量 context_processors.py def mysetings(request): return { 'NAME': 'maotai' } settings.py ...
随机推荐
- Hashtable,HashMap和ConcurrentHashMap的原理及区别
一.原理 Hashtable 底层数组+链表实现,无论key还是value都不能为null,线程安全,实现线程安全的方式是在修改数据时锁住整个HashTable,效率低,ConcurrentHashM ...
- properties文件属性值通过xml文件为 java entity属性赋值
一.通过xml配置文件进行赋值: 举个栗子,一目了然: 1.1 properties文件: 1.2 xml配置文件,将properties属性与java entity属性相关联:(这是一个新建的xml ...
- 使用apache.tika判断文件类型
一. 判断文件类型一般可采用两种方式 1. 后缀名判断 简单易操作,但无法准确判断类型 2. 文件头信息判断 通常可以判断文件类型,但有些文件类型无法判断(如word和excel头信息的前几个字节是一 ...
- Java多线程编程核心技术-第3章-线程间通信-读书笔记
第 3 章 线程间通信 线程是操作系统中独立的个体,但这些个体如果不经过特殊的处理就不能成为一个整体.线程间的通信就是成为整体的必用方案之一,可以说,使线程间进行通信后,系统之间的交互性会更强大,在大 ...
- 每天一道Rust-LeetCode(2019-06-02)
每天一道Rust-LeetCode(2019-06-02) Z 字形变换 坚持每天一道题,刷题学习Rust. LeetCode原题 Z 字形变换 题目描述 将一个给定字符串根据给定的行数,以从上往下. ...
- 修改/etc/docker/daemon.json中的log-opts配置发现无效 docker 限制日志大小
https://colobu.com/2018/10/22/no-space-left-on-device-for-docker/ 在/etc/docker/daemon.json中修改或添加log- ...
- 利用easyui的行编辑自动增加一行来进行增删有详细注解
jQuery EasyUI 框架提供了创建网页所需的一切,帮助您轻松建立站点. easyui 是一个基于 jQuery 的框架,集成了各种用户界面插件. easyui 提供建立现代化的具有交互性的 j ...
- 解决栏登 F~~~秋~~~之后只有火狐能上网的问题
我发现F~~~完秋~~~只有火狐可以上网,惊了,后来发现是没有关代理服雾气 1.打开Chrome->设置 2.翻到最后点击显示高级设置 3.找到网络标签,点击更改代理服务器按钮 4.点击连接标签 ...
- LOJ6115 汇合 树上分块
本题空间很小,那些O(nlogn)的树上lca算法在这里不顶用了,可以考虑树分块. 本题的树分块是基于深度的,即按深度每\(\sqrt n\)分一块,然后一块一块往上跳,一直跳到lca处. 对于这题, ...
- 2013(1)需求工程, 需求开发, 需求分析, 面向对象需求分析, UML,需求建模
案例一 某软件公司拟为物流企业开发一套库存管理系统,该系统的部分需求陈述如下: (1) 库存管理系统主要包括货物入库管理.货物出库管理.仓库管理.统计报表和系统管理等功能. (2) 库存管理系统的用户 ...