Windows Store App 变形特效

UI元素变形特效详解
本文介绍了在应用程序开发中,如何利用界面元素的RenderTransform属性来实现多种变形特效,包括平移、旋转、缩放和扭曲等,并详细解释了TranslateTransform、RotateTransform、ScaleTransform和SkewTransform等类的应用。

在应用程序的开发过程中,为了让界面按照期望的效果显示,有时会对界面元素应用变形特效,例如图片的缩放、旋转、移动等。与3D特效不同,在界面元素实现变形特效之后,其平行关系不会发生改变,只不过是位置、大小或方向发生了改变。

变形特效由界面元素的RenderTransform属性提供支持,此属性是Transform类型的属性, TranslateTransformRotateTransformScaleTransform等都继承自Transform类,通过将它们赋值给RenderTransform,可以实现界面元素的平移、旋转以及缩放等变形特效,下面列举了RenderTransform所包含的Transform类型成员。

q  TranslateTransform,能够使元素的位置发生平移变化,两个比较重要的属性是XY,分别代表相对于元素的起始点偏移量。

q  RotateTransform,能够使元素产生旋转变化,根据中心点进行顺时针或逆时针旋转。

q  ScaleTransform,能够使元素产生缩放变化。它有两个重要属性ScaleXScaleY。对于ScaleX而言,如果值介于0 1之间,就会减小缩放对象的宽度;如果值大于1,会增大缩放对象的宽度;如果值为1,表示对象不在 X轴方向进行缩放;如果为负值,会沿水平方向翻转缩放对象; 如果值介于0-1之间,代表翻转缩放对象并减小其宽度;如果值小于-1,会翻转对象并增大其宽度;如果值为-1,则翻转缩放对象,但不更改其宽度大小。

q  SkewTransform,能够使元素产生扭曲变化,它的四个属性中,AngleXAngleY决定扭曲对象的倾斜度,CenterXCenterY决定扭曲的中心点。

q  TransformGroup能够使元素的缩放、旋转、扭曲等变形特效综合起来使用。

q  MatrixTransform,能够使元素通过矩阵算法实现更为复杂的变形。

变形元素包括平移变形、缩放变形、旋转变形、扭曲变形、组合变形以及矩阵变形元素,变形特效常用于在不改变元素本身构成的情况下,使其产生变形效果。下面将逐一介绍上述的几种变形效果。

转载于:https://www.cnblogs.com/finehappy/p/4218727.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值