高级动画可以结合变形类使用,就是RenderTransform属性
- 变换提供了自定义元素的最强大方式之一。每个元素都能以两种不同的方式使用 变换,RenderTransform属性和LayoutTransform属性。RenderTransform属性效 率更高。因为是在布局之后应用变换,并且用于变换最终的渲染输 出。LayoutTransform在布局前应用,从而其他控件需要重新排列以适应变换。
三、例子
1、先页面布局,使用StackPanel栈式面板布局,默认状态下是垂直,如果要改变状态就使用Orientation属性
<StackPanel>
<Image Source="/Image/5.jpg"/>
<Image Source="/Image/5.jpg" />
<Image Source="/Image/5.jpg"/>
<Image Source="/Image/5.jpg"/>
</StackPanel>
|
|
|
|
图一
然后定义窗口资源
- 改变图片样式,比如长、宽、边距
- 就要利用RenderTransformOrigin改变图片变形,就要利用变形的属性RenderTransform
- 写触发器,用MouseLeave鼠标进入事件,然后写一个动画,利用动画来操控RotateTransform变形,如果用多个变形的话,可以利用索引值