UWP深入学习四:动画及图像
2015-12-15 16:33
405 查看
Storyboarded animations
Key-frame animations and easing function animations
缓动函数可以以三种方式应用于动画:
按照上一节中的说明,通过在关键帧动画中使用缓动关键帧。使用 EasingColorKeyFrame.EasingFunction、EasingDoubleKeyFrame.EasingFunction 或 EasingPointKeyFrame.EasingFunction。
通过在 From/To/By 动画类型之一上设置 EasingFunction 属性。使用 ColorAnimation.EasingFunction、DoubleAnimation.EasingFunction 或 PointAnimation.EasingFunction。
通过将 GeneratedEasingFunction 设置为 VisualTransition 的一部分。这种方式专用于定义控件的视觉状态;对于详细信息,请参阅 GeneratedEasingFunction 或视觉状态的情节提要。
这里是缓动函数的列表:
BackEase:动画开始在指定路径上运动前稍微收缩动画的运行。
BounceEase:创建回弹效果。
CircleEase:使用圆函数创建加速或减速的动画。
CubicEase:使用函数 f(t) = t3 创建加速或减速的动画。
ElasticEase:创建一个动画,模拟弹簧的来回振荡运动,直到它达到停止状态。
ExponentialEase:使用指数公式创建加速或减速的动画。
PowerEase:使用公式 f(t) = tp 创建加速或减速的动画,其中 p 等于 Power 属性。
QuadraticEase:使用函数 f(t) = t2 创建加速或减速的动画。
QuarticEase:使用函数 f(t) = t4 创建加速或减速的动画。
QuinticEase:使用函数 f(t) = t5 创建加速或减速的动画。
SineEase:使用正弦公式创建加速或减速的动画。
Storyboarded animations for visual states
Animating your UI
Quickstart: Animating your UI using library animations
Quickstart: Video and audio
Quickstart: Drawing shapes
Quickstart: Using brushes
3-D perspective effects for XAML UI
How to create custom media transport controls
How to use the system media transport controls
Quickstart: Image and ImageBrush
Key-frame animations and easing function animations
缓动函数
缓动函数支持你将自定义数学公式应用到动画。数学运算通常对于制作在 2-D 坐标系中模拟真实物理效果的动画非常有用。例如,你可能想要某个对象以理想的方式弹跳或表现,就好像在弹簧上运动一样。你可以使用关键帧或 From/To/By 动画来模拟这些效果,但是这样工作量很大,而且动画比起使用数学公式来说准确性要低。缓动函数可以以三种方式应用于动画:
按照上一节中的说明,通过在关键帧动画中使用缓动关键帧。使用 EasingColorKeyFrame.EasingFunction、EasingDoubleKeyFrame.EasingFunction 或 EasingPointKeyFrame.EasingFunction。
通过在 From/To/By 动画类型之一上设置 EasingFunction 属性。使用 ColorAnimation.EasingFunction、DoubleAnimation.EasingFunction 或 PointAnimation.EasingFunction。
通过将 GeneratedEasingFunction 设置为 VisualTransition 的一部分。这种方式专用于定义控件的视觉状态;对于详细信息,请参阅 GeneratedEasingFunction 或视觉状态的情节提要。
这里是缓动函数的列表:
BackEase:动画开始在指定路径上运动前稍微收缩动画的运行。
BounceEase:创建回弹效果。
CircleEase:使用圆函数创建加速或减速的动画。
CubicEase:使用函数 f(t) = t3 创建加速或减速的动画。
ElasticEase:创建一个动画,模拟弹簧的来回振荡运动,直到它达到停止状态。
ExponentialEase:使用指数公式创建加速或减速的动画。
PowerEase:使用公式 f(t) = tp 创建加速或减速的动画,其中 p 等于 Power 属性。
QuadraticEase:使用函数 f(t) = t2 创建加速或减速的动画。
QuarticEase:使用函数 f(t) = t4 创建加速或减速的动画。
QuinticEase:使用函数 f(t) = t5 创建加速或减速的动画。
SineEase:使用正弦公式创建加速或减速的动画。
Storyboarded animations for visual states
Animating your UI
Quickstart: Animating your UI using library animations
Quickstart: Video and audio
Quickstart: Drawing shapes
Quickstart: Using brushes
3-D perspective effects for XAML UI
How to create custom media transport controls
How to use the system media transport controls
Quickstart: Image and ImageBrush
相关文章推荐
- 用trigger触发datepicker
- 安装redis 及 PHP redis 扩展
- $.makeArray()——JQuery
- window.print打印指定div
- 关于测试人员的角色定位
- tomcat部署报错及解决办法
- tcpdump
- Excel 表导入 SQL Server 2005
- href传入参数含有中文,乱码问题
- VisualSVN Server的配置和使用方法
- java集合——具体的集合
- android-Property Animation
- Windows程序设计--画几何图形
- MAC在Finder栏显示所浏览文件夹路径的方法
- SQL书写规范
- js深入研究之匿名函数
- 王者--分时图五要素教你抓涨停板股票
- 【笔记】js生成随机字母
- KVC
- RSorder offer Xmas Gift Packs for buying runescape 3 gold