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

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

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

实现动画变换

Transform与Silverlight中的Storyboard结合,可以很容易的实现出动画变换的效果,如下面的例子,当鼠标放在上去的时候,图片开始旋转;鼠标离开时停止旋转:

<Canvas Background="#CDFCAE">
    <Canvas.Resources>
        <Storyboard x:Name="myStoryboard">
            <DoubleAnimation
          Storyboard.TargetName="myTransform"
          Storyboard.TargetProperty="Angle"
          From="0" To="180" Duration="0:0:5" RepeatBehavior="Forever" />
        </Storyboard>
    </Canvas.Resources>
    <Image x:Name="imgTarget" Source="a1.png" Canvas.Left="180" Canvas.Top="80"
           MouseEnter="imgTarget_MouseEnter" MouseLeave="imgTarget_MouseLeave">
        <Image.RenderTransform>
            <RotateTransform x:Name="myTransform" Angle="15" CenterX="120" CenterY="68" />
        </Image.RenderTransform>
    </Image>
</Canvas>

在代码中控制Storyboard:

private void imgTarget_MouseEnter(object sender, MouseEventArgs e)
{
    myStoryboard.Begin();
}

private void imgTarget_MouseLeave(object sender, MouseEventArgs e)
{
    myStoryboard.Stop();
}

运行后效果如下:

TerryLee_Silverlight2_0150

当鼠标放上后将开始旋转:

TerryLee_Silverlight2_0151 

2
0

.NET技术热门文章

    .NET技术最新文章

      最新新闻

        热门新闻