UWP如何制作控件的平移(一维)动画

 时间:2024-11-04 16:44:26

1、首先,第一种方法是Xaml编写动画,代码触发动画开始。Xaml代码编写如图。比如希望Image控件有一个y方向平移动画,就设置Image控件的RenderTransform,并使用x:Name命名TranslateTransform,以访问这个TranslateTransform。动画则放在容器控件的Resources里边就行了。

UWP如何制作控件的平移(一维)动画

2、在代码中,比如如图是Image控件载入图片完成后的ImageOpened这个event的处理函数,在这个处理函数中,使用Storyboard的Begin方法,开始Storyboard里边的动画。

UWP如何制作控件的平移(一维)动画

3、以上方法,最终实现效果如图。当Image控件的图片一旦完成载入,动画就会开始。

UWP如何制作控件的平移(一维)动画

4、另外一种方法是,在xaml代码中,就写明动画由那个event触发。但是要注意只能用于一些RoutedEvent。比如用于Loaded。

UWP如何制作控件的平移(一维)动画

5、设置Image控件的Triggers属性,在里边添加EventTrigger,使用BeginStoryBoard自动开始里边的动画。

UWP如何制作控件的平移(一维)动画

6、以上方法适用于平移变换一个方向的动画。如果要更加复杂的动画,可以参考其它动画类型。比如向量,贪色,四元数的动画等等。

UWP如何制作控件的平移(一维)动画
  • 如何使用PS制作星轨照片
  • 用camera raw 调整曝光度
  • 用PR CC写字幕时不出现字幕编辑框时怎么办
  • PS中制作视频时如何对图片添加渐渐变大的效果
  • Adobe AfterEffects怎么使用光学补偿特效
  • 热门搜索
    网络诈骗怎么追回被骗的钱 卡罗拉双擎怎么样 怎么制作幻灯片 怎么改变图片大小 基金怎么买卖 化险为夷的近义词 黄桃罐头怎么做 怎么了周杰伦 硝化菌怎么培养 淘宝怎么删除差评