【WPF编程宝典】第10讲:简单动画

2024-06-21 00:12
文章标签 wpf 宝典 动画 编程 简单

本文主要是介绍【WPF编程宝典】第10讲:简单动画,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1.基本动画

  • 这些基本动画都应用与C#代码
  • 动画是WPF模型的核心部分,让动画动起来不需要使用计时器以及事件处理代码,可使用声明的方式创建动画。
  • WPF动画第一条规则,每个动画都依赖于一个依赖项属性。
  • WPF动画第二条规则,属性的动态化需要有支持相应数据类型的动画类。比如按钮的宽度是双精度类型,需要DoubleAnimation,按钮的Padding是Thickness结构,需要ThicknessAnimation类。
  • 枚举类型通常不能应用动画,引用类型通常不能应用动画。
  • 基于路径的动画,比使用插值或关键帧的动画更加专业。通常使用类型名+AnimationUsingPath形式进行命名。如DoubleAnimationUsingPath。
  • WPF提供三种方法:线性插值,关键帧,以及路径。
  • WPF提供了42个类提供动画支持。
BooleanAnimationUsingKeyFrames,ByteAnimationUsingKeyFrames,ColorAnimation
DecimalAnimation,DoubleAnimation,DoubleAnimationUsingPath
Int16AnimationUsingKeyFrames,Int32AnimationUsingKeyFrames,Int64AnimationUsingKeyFrames
MatrixAnimationUsingPath,PointAnimation,PointAnimationUsingPath
Point3DAnimationUsingKeyFrames,ByteAnimation,CharAnimationUsingKeyFrames
ColorAnimationUsingKeyFrames,DecimalAnimationUsingKeyFrames,DoubleAnimationUsingKeyFrames
Int16Animation,Int32Animation,Int64Animation
MatrixAnimationUsingKeyFrames,ObjectAnimationUsingKeyFrames,PointAnimationUsingKeyFrames
Point3DAnimation,QuarternionAnimation,QuarternionAnimationUsingKeyFrames
RectAnimation,RectAnimationUsingKeyFrames,Rotation3DAnimation
Rotation3DAnimationUsingKeyFrames,SingleAnimation,SingleAnimationUsingKeyFrames
SizeAnimationUsingKeyFrames,ThicknessAnimation,VectorAnimation
Vector3DAnimation,SizeAnimation,StringAnimationUsingKeyFrames
ThicknessAnimationUsingKeyFrames,VectorAnimationUsingKeyFrames,Vector3DAnimationUsingKeyFrames

        一个示例

private void btn1_Click(object sender, RoutedEventArgs e)
{DoubleAnimation widthAnimation = new DoubleAnimation();widthAnimation.From = 160;widthAnimation.To = this.Width - 60;widthAnimation.Duration = TimeSpan.FromSeconds(1);btn1.BeginAnimation(Button.WidthProperty, widthAnimation);
}

2.故事板

  • 故事板(Storyboard)是BeginAnimation()方法的Xaml等价物。通过故事板将动画指定到合适的元素和属性上。
  • 事件触发:Styles.Triggers,DataTemplate.Triggers,ControlTemplate.Triggers,FrameworkElement.Triggers。
  • 重叠动画:默认HandoffBehavior属性为SnapshotAndReplace,也就是快照并替换。可使用HandoffBehavior的另一个枚举值Compose实现第二个动画融合到第一个动画的时间线中。
  • 动画同步:也就是多个动画为一组,时间线相同。只需将多个动画写到一个<Storyboard>中,并指定相同的时间。
  • 可使用SpeedRatio对动画进行调速,使用BeginTime属性对动画开始时间进行偏移。
  • 控制播放:继承自ControllableStoryboardAction类的动作类可以控制播放的状态。
    • PauseStoryBoard:停止播放动画并且保持其当前位置
    • ResumeStoryboard:恢复播放暂停的动画
    • StopStoryboard:停止播放动画,并将动画时钟重新设置到开始位置
    • SeekStoryboard:跳到动画时间线中的特定位置。如果动画当前正在播放,就继续从新位置播放。如果动画当前是暂停的,就继续保持暂停
    • SetStoryboardSpeedRatio:改变整个故事板(而不仅是改变某个内部动画)的 SpeedRatio 属性值
    • SkipStoryboardToFill:将故事板移到时间线的终点。从技术角度看,这个时期就是所谓的填充区域(6llregion)。对于标准动画,FiBchavior属性设置为HoldEnd,动画继续保持最后的值
    • RemoveStoryboard:移除故事板,停止所有正在运行的动画并将属性返回为原来的、最后一次设置的数值。这和对适当的元素使用nul动画对象调用BeginAnimation()方法的效果相同
  • button缩放简单示例
<Style x:Key="ButtonStyle"><Style.Triggers><Trigger Property="Button.IsPressed" Value="True"><Trigger.EnterActions><BeginStoryboard><Storyboard><DoubleAnimation Storyboard.TargetProperty="Width" To="250" Duration="0:0:5"/></Storyboard></BeginStoryboard></Trigger.EnterActions></Trigger></Style.Triggers>
</Style>
  • 检索当前动画的时间可以使用GetCurrentTime()和GetCurrentProgress。

这篇关于【WPF编程宝典】第10讲:简单动画的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1079661

相关文章

一份LLM资源清单围观技术大佬的日常;手把手教你在美国搭建「百万卡」AI数据中心;为啥大模型做不好简单的数学计算? | ShowMeAI日报

👀日报&周刊合集 | 🎡ShowMeAI官网 | 🧡 点赞关注评论拜托啦! 1. 为啥大模型做不好简单的数学计算?从大模型高考数学成绩不及格说起 司南评测体系 OpenCompass 选取 7 个大模型 (6 个开源模型+ GPT-4o),组织参与了 2024 年高考「新课标I卷」的语文、数学、英语考试,然后由经验丰富的判卷老师评判得分。 结果如上图所

用Microsoft.Extensions.Hosting 管理WPF项目.

首先引入必要的包: <ItemGroup><PackageReference Include="CommunityToolkit.Mvvm" Version="8.2.2" /><PackageReference Include="Microsoft.Extensions.Hosting" Version="8.0.0" /><PackageReference Include="Serilog

零基础STM32单片机编程入门(一)初识STM32单片机

文章目录 一.概要二.单片机型号命名规则三.STM32F103系统架构四.STM32F103C8T6单片机启动流程五.STM32F103C8T6单片机主要外设资源六.编程过程中芯片数据手册的作用1.单片机外设资源情况2.STM32单片机内部框图3.STM32单片机管脚图4.STM32单片机每个管脚可配功能5.单片机功耗数据6.FALSH编程时间,擦写次数7.I/O高低电平电压表格8.外设接口

16.Spring前世今生与Spring编程思想

1.1.课程目标 1、通过对本章内容的学习,可以掌握Spring的基本架构及各子模块之间的依赖关系。 2、 了解Spring的发展历史,启发思维。 3、 对 Spring形成一个整体的认识,为之后的深入学习做铺垫。 4、 通过对本章内容的学习,可以了解Spring版本升级的规律,从而应用到自己的系统升级版本命名。 5、Spring编程思想总结。 1.2.内容定位 Spring使用经验

回调的简单理解

之前一直不太明白回调的用法,现在简单的理解下 就按这张slidingmenu来说,主界面为Activity界面,而旁边的菜单为fragment界面。1.现在通过主界面的slidingmenu按钮来点开旁边的菜单功能并且选中”区县“选项(到这里就可以理解为A类调用B类里面的c方法)。2.通过触发“区县”的选项使得主界面跳转到“区县”相关的新闻列表界面中(到这里就可以理解为B类调用A类中的d方法

自制的浏览器主页,可以是最简单的桌面应用,可以把它当成备忘录桌面应用

自制的浏览器主页,可以是最简单的桌面应用,可以把它当成备忘录桌面应用。如果你看不懂,请留言。 完整代码: <!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><ti

python实现最简单循环神经网络(RNNs)

Recurrent Neural Networks(RNNs) 的模型: 上图中红色部分是输入向量。文本、单词、数据都是输入,在网络里都以向量的形式进行表示。 绿色部分是隐藏向量。是加工处理过程。 蓝色部分是输出向量。 python代码表示如下: rnn = RNN()y = rnn.step(x) # x为输入向量,y为输出向量 RNNs神经网络由神经元组成, python

宝塔面板部署青龙面板教程【简单易上手】

首先,你得有一台部署了宝塔面板的服务器(自己用本地电脑也可以)。 宝塔面板部署自行百度一下,很简单,这里就不走流程了,官网版本就可以,无需开心版。 首先,打开宝塔面板的软件商店,找到下图这个软件(Docker管理器)安装,青龙面板还是安装在docker里,这里依赖宝塔面板安装和管理docker。 安装完成后,进入SSH终端管理,输入代码安装青龙面板。ssh可以直接宝塔里操作,也可以安装ssh连接

IPython小白教程:提升你的Python交互式编程技巧,通俗易懂!

IPython是一个增强的Python交互式shell,它提供了丰富的功能和便捷的交互方式,使得Python开发和数据分析工作更加高效。本文将详细介绍IPython的基本概念、使用方法、主要作用以及注意事项。 一、IPython简介 1. IPython的起源 IPython由Fernando Pérez于2001年创建,旨在提供一个更高效的Python交互式编程环境。 2. IPyt