一步一步学Silverlight :使用Transform实现更炫的效果(上)
[1] 一步一步学Silverlight :使用Transform实现更炫的效果(上)
[2] 一步一步学Silverlight :使用Transform实现更炫的效果(上)
[3] 一步一步学Silverlight :使用Transform实现更炫的效果(上)
[4] 一步一步学Silverlight :使用Transform实现更炫的效果(上)
[5] 一步一步学Silverlight :使用Transform实现更炫的效果(上)
[2] 一步一步学Silverlight :使用Transform实现更炫的效果(上)
[3] 一步一步学Silverlight :使用Transform实现更炫的效果(上)
[4] 一步一步学Silverlight :使用Transform实现更炫的效果(上)
[5] 一步一步学Silverlight :使用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" FontWeight="Bold" Text="博客园" FontSize="60" Foreground="#C1C1C1"> <TextBlock.RenderTransform> <TranslateTransform X="5" Y="5"></TranslateTransform> </TextBlock.RenderTransform> </TextBlock> <TextBlock Canvas.Top="80" Canvas.Left="360" FontWeight="Bold" Text="博客园" FontSize="60" Foreground="#FF0000"></TextBlock> </Canvas>
运行后效果如下所示: