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

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

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

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

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

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

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

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

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

Windows Store App 变形特效的更多相关文章

  1. Windows Store App 偏移特效

    通过前面讲解的内容,读者已经了解了如何在三维空间中使旋转对象绕指定的旋转中心旋转一定的角度.接下来在这个基础上进一步讲解如何对旋转对象进行平移.下面首先介绍一下用到的几个属性. q  LocalOff ...

  2. Windows Store App 旋转特效

    使用Projection类可以实现界面元素的三维效果,它可以使界面上的元素在三维空间中沿着X轴.Y轴或者Z轴旋转一定的角度,在透视转换中此类又称为元素的Projection属性,用于对元素使用3D特效 ...

  3. 在桌面程序上和Metro/Modern/Windows store app的交互(相互打开,配置读取)

    这个标题真是取得我都觉得蛋疼..微软改名狂魔搞得我都不知道要叫哪个好.. 这边记录一下自己的桌面程序跟windows store app交互的过程. 由于某些原因,微软的商店应用的安全沙箱导致很多事情 ...

  4. Windows Store App 过渡动画

    Windows Store App 过渡动画     在开发Windows应用商店应用程序时,如果希望界面元素进入或者离开屏幕时显得自然和流畅,可以为其添加过渡动画.过渡动画能够及时地提示用户屏幕所发 ...

  5. Windows store app[Part 4]:深入WinRT的异步机制

    接上篇Windows store app[Part 3]:认识WinRT的异步机制 WinRT异步机制回顾: IAsyncInfo接口:WinRT下异步功能的核心,该接口提供所有异步操作的基本功能,如 ...

  6. Windows store app[Part 3]:认识WinRT的异步机制

    WinRT异步机制的诞生背景 当编写一个触控应用程序时,执行一个耗时函数,并通知UI更新,我们希望所有的交互过程都可以做出快速的反应.流畅的操作感变的十分重要. 在连接外部程序接口获取数据,操作本地数 ...

  7. 05、Windows Store app 的图片裁切(更新)

    在 Win Phone Silverlight api 中,有一个 PhotoChooserTask 选择器,指定宽.高属性,在选择图片的时候, 可以进行裁切,代码: PhotoChooserTask ...

  8. 01、Windows Store APP 设置页面横竖屏的方法

    在 windows phone store app 中,判断和设置页面横竖屏的方法,与 silverlight 中的 Page 类 不同,不能直接通过 Page.Orientation 进行设置.而是 ...

  9. Windows store app[Part 1]:读取U盘数据

    Windows 8系统下开发App程序,对于.NET程序员来说,需要重新熟悉下类库. 关于WinRT,引用一张网上传的很多的结构图: 图1 针对App的开发,App工作在系统划定的安全沙箱内,所以通过 ...

随机推荐

  1. 突破软件试用期的"土方法"

    机器上有个试用版的vs2008. 想能正常用,又木有去搜序列号.于是用python纠结了这么一段代码: import time import subprocess import os timeNow ...

  2. collectionView,tableView的细节处理

    1.设置collectionView的高度 1.1为什么要设置高度? collectionView是在tableView的footView里面 , tableView能滚动,collectionVie ...

  3. 让Placeholder在IE中燥起来

    网上有好多关于这方面解决兼容性问题的文章,很多招式,学会这一招,让你轻松搞定Placeholder的兼容性,叫我好人,拿走,不谢.... placeholder属性是HTML5 中为input添加的. ...

  4. ExtJs Panel 滚动条设置

    设置autoscroll:true同时出现横向和纵向滚动条. 不要设置autoscroll属性,或者autoscroll:false,然后设置bodyStyle : 'overflow-x:hidde ...

  5. Head中的标签

    Head中的其它一些用法 1.scheme (方案) 说明:scheme can be used when name is used to specify how the value of conte ...

  6. C++嵌套多个命名空间举例

    首先在结构上是能经得起推敲的,举个例子: test.h #pragma region 嵌套多个命名空间举例     namespace Group     {          namespace C ...

  7. 编译boost

    参数意义: --build-dir:  编译的临时文件会放在builddir里(这样比较好管理,编译完就可以把它删除了) --stagedir:  存放编译后库文件的路径,默认是stage --bui ...

  8. 处理SecureCRT中使用vim出现中文乱码问题

    处理SecureCRT中使用vim出现中文乱码问题 引用原文:http://blog.chinaunix.net/uid-20639775-id-3475608.html因为cat没有问题,定位是vi ...

  9. 四、Salesforce Styles_1

    1.静态变量的使用:<apex:stylesheet value="{!$Resource.TestStyles}"/>2.<apex:page><s ...

  10. jQuery 简单过滤选择器

    <!DOCTYPE HTML> <html> <head> <title> 使用jQuery基本过滤选择器 </title> <scr ...