Silverlight中的5种基本变换_app

概述Silverlight实用窍门系列：Silverlight中的5种基本变换RotateTransform、ScaleTransform、SkewTransform、TranslateTransform、TransformGroup 在Silverlight中有五种基本变换，分别是RotateTransform:旋转变换、ScaleTransform：缩放变换、SkewTransfo Silverlight实用窍门系列：Silverlight中的5种基本变换Rotatetransform、Scaletransform、Skewtransform、Translatetransform、transformGroup

在Silverlight中有五种基本变换，分别是RotateTransform:旋转变换、Scaletransform：缩放变换、Skewtransform：倾斜变换、Translatetransform：移动变换、transformGroup：变换组，在这里我们分别讲解这五种变换的使用方法以便在实际应用中更好的应用。

Rotatetransform:旋转变换

使用方法：设置Angle属性为需要转换的角度，设置其中心点为CenterX、CentyY，这个是X、Y轴的二维平面旋转。

下面我们来看一个Demo实例，可以设置让图标按照某一个角度旋转，其代码如下：

<!--Rotatetransform变换-->
<Image Height="50" HorizontalAlignmentleft VerticalAlignmenttop margin0,50,320,0 nameimage11StretchFill WIDth Source/SLTrans;component/iPhone_001.png Opacity.3/>image1 >Image.RendertransformRotatetransform CenterX0 CenterY Angle45></Rotatetransform</Image>

Scaletransform：缩放变换

使用方法：使用CenterX 和 CenterY属性指定一个中心点，然后设置ScaleX让对象在X轴进行缩放，设置ScaleY属性让对象在Y轴进行缩放。

下面我们来看一个Demo实例，可以设置让图标按照某点缩放，其代码如下：

Scaletransform变换91,0); margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; Font-family:'CourIEr New'">image21/SLTrans;component/iPhone_002.pngimage2Scaletransform CenterX ScaleX0.6 ScaleYScaletransform Skewtransform：倾斜变换

使用方法：使用AngleX让元素相对X轴倾斜角度，AngleY是让元素围绕Y轴的倾斜角度。同样CenterX和CenterY是中心点位置。

下面我们来看一个Demo实例，可以设置让图标按照某点倾斜，其代码如下：

Skewtransform变换178,0); margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; Font-family:'CourIEr New'">image31/SLTrans;component/iPhone_003.pngimage3Skewtransform CenterX AngleX AngleYSkewtransform Translatetransform：移动变换

使用方法：X属性定义元素相对其原来位置偏移的X轴像素量。Y属性也是让元素相对原来位置偏移的Y轴像素量。

下面我们来看一个Demo实例，可以设置让图标移动变换，其代码如下：

Translatetransform变换283,0); margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; Font-family:'CourIEr New'">image41/SLTrans;component/iPhone_004.pngimage4Translatetransform X10 YTranslatetransformtransformGroup：变换组

使用方法：在其内部可以应用多种变换规则，直接在其内添加其他变换方式即可。

下面我们来看一个Demo实例，可以设置让图标变换多个组，其代码如下：

transformGroup变换378,0); margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; Font-family:'CourIEr New'">image51/SLTrans;component/iPhone_005.pngimage5transformGroupScaletransform ScaleY-1Translatetransform Y100 其实在Silverlight中，还有一种矩阵变换(Matrixtransform)，相较于以上变换更复杂也更灵活，下篇文章将单独以矩阵变换为主题，进行详细的实例分析。

原文地址：http://www.haogongju.net/art/93865

总结

以上是内存溢出为你收集整理的Silverlight中的5种基本变换全部内容，希望文章能够帮你解决Silverlight中的5种基本变换所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/1068792.html