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怎么使用光学补偿特效
  • 热门搜索
    fiat是什么车 梗概的意思是什么 蛋白粉什么时候吃最好 ted是什么意思 11月13日是什么星座 panda是什么意思 蓝天救援队是一个什么样的组织 七夕送什么 你爱我吗当然爱了是什么歌 计算机网络技术主要学什么