回复:一步一步学Silverlight 2系列(29):使用Transform实现更炫的效果(上)
移动变换(TranslateTransform)移动变换TranslateTransform允许我们对元素在X轴和Y轴上做一定位置的移动,通过属性X和Y两个属性来指定,如下面的例子,对图片和文字做一些移动变换,使其显示出阴影效果:
<Canvas Background="#CDFCAE">
<Image Source="a1.png" Canvas.Left="80" Canvas.Top="80" Opacity="0.5">
</Image>
<Image Source="a1.png" Canvas.Left="80" Canvas.Top="80">
<Image.RenderTransform>
<TranslateTransform X="-10" Y="-10"></TranslateTransform>
</Image.RenderTransform>
</Image>
<TextBlock Canvas.Top="80" Canvas.Left="360" F
Text="博客园" F Foreground="#C1C1C1">
<TextBlock.RenderTransform>
<TranslateTransform X="5" Y="5"></TranslateTransform>
</TextBlock.RenderTransform>
</TextBlock>
<TextBlock Canvas.Top="80" Canvas.Left="360" F
Text="博客园" F Foreground="#FF0000"></TextBlock>
</Canvas>
运行后效果如下所示:

附件:
您所在的用户组无法下载或查看附件变换组(TransformGroup)变换组TransformGroup其实就把几种变换组合在一起,使用起来比较简单,最终实现的效果如何就看各人的审美观了:),如下面的例子:
<Canvas Background="#CDFCAE">
<Image Source="a1.png" Canvas.Left="120" Canvas.Top="50" Opacity="0.3">
</Image>
<Image Source="a1.png" Canvas.Left="120" Canvas.Top="50" Opacity="0.5">
<Image.RenderTransform>
<TransformGroup>
<RotateTransform Angle="5"></RotateTransform>
<SkewTransform AngleX="5" AngleY="5"></SkewTransform>
</TransformGroup>
</Image.RenderTransform>
</Image>
<Image Source="a1.png" Canvas.Left="120" Canvas.Top="50">
<Image.RenderTransform>
<TransformGroup>
<RotateTransform Angle="10"></RotateTransform>
<SkewTransform AngleX="10" AngleY="10"></SkewTransform>
</TransformGroup>
</Image.RenderTransform>
</Image>
</Canvas>
运行后效果如下所示:

附件:
您所在的用户组无法下载或查看附件结束语本文介绍了Silverlight中四种基本变换和变换组。