您的位置:知识库 » .NET技术

一步一步学Silverlight :使用Transform实现更炫的效果(上)

作者: TerryLee  来源: 博客园  发布时间: 2008-10-09 10:28  阅读: 11107 次  推荐: 0   原文链接   [收藏]  

移动变换(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>

运行后效果如下所示:

TerryLee_Silverlight2_0146

0
0

.NET技术热门文章

    .NET技术最新文章

      最新新闻

        热门新闻