[Win8]Windows8开发札记（五）：变换与投射以及制作旋转的头像
日期：2014-05-16 浏览次数：21037 次
[Win8]Windows8开发笔记（五）：变换与投射以及制作旋转的头像
Angle便是指定旋转角度，默认的旋转点是左上角，可以用centerX和centerY来实现。
可以看见这样就会出现了button的缩放：
当然这样的效果就是：
改变其中的Projection属性：
变换可以让UI元素扭曲旋转等，不用改变逻辑的几何形状和位置，就像是用放大镜看物体一样。
Transform类型的属性都可以应用变换。
主要分以下三种：RotateTransform、ScaleTransform、TranslateTransform，都继承自Transform类。
下面新建一个项目TransformTest来实战一下。
先在屏幕上放一个按钮：
接下来是给这个按钮加上旋转变化。
<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
<Button Content="Button" HorizontalAlignment="Center" VerticalAlignment="Center"
Height="200" Width="400">
<Button.RenderTransform>
<RotateTransform Angle="45"></RotateTransform>
</Button.RenderTransform>
</Button>
</Grid>Angle便是指定旋转角度，默认的旋转点是左上角，可以用centerX和centerY来实现。
下面来看看ScaleTransform缩放变换。
<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
<Button Content="Button" HorizontalAlignment="Center" VerticalAlignment="Center"
Height="200" Width="400">
<Button.RenderTransform>
<ScaleTransform ScaleX="2" ScaleY="1.5"></ScaleTransform>
</Button.RenderTransform>
</Button>
</Grid>可以看见这样就会出现了button的缩放：
同理，可以使用一下代码实现平移变换。
<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
<Button Content="Button" HorizontalAlignment="Center" VerticalAlignment="Center"
Height="200" Width="400">
<Button.RenderTransform>
<TranslateTransform X="100" Y="-200"></TranslateTransform>
</Button.RenderTransform>
</Button>
</Grid>当然这样的效果就是：
可以看见button的位置没有变化，变的是RenderTransform。这一点非常重要。
接下来看一下投射的概念，我们新建一张图片来做演示。
<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
<Image HorizontalAlignment="Center" VerticalAlignment="Center"
Height="400" Width="400" Source="头像.jpg"/>
</Grid>改变其中的Projection属性：
<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
<Image HorizontalAlignment="Center" VerticalAlignment="Center"
Height="400" Width="400" Sou
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
