WEB开发网
开发学院图形图像Flash 学Silverlight 2系列(30):使用Transform实现更... 阅读

学Silverlight 2系列(30):使用Transform实现更炫的效果(下)

 2008-10-03 11:38:19 来源:WEB开发网   
核心提示: 当鼠标放上后将开始旋转:用代码控制变换这个话题其实没什么好讲的,在后台代码中对Transform进行控制,学Silverlight 2系列(30):使用Transform实现更炫的效果(下)(4),如下面的例子,每次点击图片时,都让RotateTransform的角度增加15度:<

学Silverlight 2系列(30):使用Transform实现更炫的效果(下)

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

学Silverlight 2系列(30):使用Transform实现更炫的效果(下) 

用代码控制变换

这个话题其实没什么好讲的,在后台代码中对Transform进行控制,如下面的例子,每次点击图片时,都让RotateTransform的角度增加15度:

<Canvas Background="#CDFCAE">
  <Image Source="a1.png" Canvas.Left="180" Canvas.Top="80" Opacity="0.3">
  </Image>
  <Image x:Name="imgTarget" Source="a1.png" Canvas.Left="180" Canvas.Top="80"
      MouseLeftButtonDown="imgTarget_MouseLeftButtonDown">
    <Image.RenderTransform>
      <RotateTransform x:Name="myTransform" Angle="0" CenterX="120" CenterY="68" />
    </Image.RenderTransform>
  </Image>
</Canvas>

后台代码:

private void imgTarget_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
  myTransform.Angle = myTransform.Angle + 15;
}

运行后起始界面如下:

学Silverlight 2系列(30):使用Transform实现更炫的效果(下)

当单击之后将会旋转:

学Silverlight 2系列(30):使用Transform实现更炫的效果(下) 

结束语

本文为使用Transform实现更炫的效果第二部分,介绍了矩阵变换以及如何实现动画变换、在代码中控制变换,接下来我将会运用前面几篇关于图形图像处理的知识写一个综合实例。

上一页  1 2 3 4 

Tags:Silverlight 系列 使用

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接