yunenggan / silverlight学... / SilverLight学习(2):两种方法设置图形元素...

分享

   

SilverLight学习(2):两种方法设置图形元素的RenderTransform属性...

2010-06-14  yunenggan
    RenderTransform属性让你可以使用transform对象对一个元素进行旋转,倾斜,缩放及偏移操作.共有下面几种不同的transform对象:
  • RotateTransform: 以指定角度旋转对象.
  • SkewTransform: 对对象进行倾斜操作.
  • ScaleTransform: 对对象进行放大或者缩小操作.
  • TranslateTransform: 使对象从原坐标偏移.
    此外,还有一种特殊类型的transform对象: TransformGroup.使用它,可以对一个对象应用多用操作.

    下面是SDK中的例子,代码如下:
<Canvas Width="300" Height="300"
    xmlns
="http://schemas.microsoft.com/client/2007"
    xmlns:x
="http://schemas.microsoft.com/winfx/2006/xaml"
  
>
  
<Rectangle Height="100" Width="100" Canvas.Left="70" Canvas.Top="10"
      Fill
="Black">
    
<Rectangle.RenderTransform>
      
<RotateTransform Angle="45"/>
    
</Rectangle.RenderTransform>
  
</Rectangle>
  
  
<Rectangle Height="100" Width="100" Canvas.Left="130" Canvas.Top="10"
      Fill
="red">
    
<Rectangle.RenderTransform>
      
<SkewTransform AngleX="30"/>
    
</Rectangle.RenderTransform>
  
</Rectangle>
  
  
<Rectangle Height="100" Width="100" Canvas.Left="10" Canvas.Top="190"
      Fill
="blue">
    
<Rectangle.RenderTransform>
      
<ScaleTransform ScaleX="1.3" ScaleY=".5"/>
    
</Rectangle.RenderTransform>
  
</Rectangle>
  
  
<Rectangle Height="100" Width="100" Canvas.Left="160" Canvas.Top="130"
      Fill
="Green">
    
<Rectangle.RenderTransform>
      
<TransformGroup>
        
<RotateTransform Angle="45"/>
        
<ScaleTransform ScaleX=".5" ScaleY="1.2"/>
        
<SkewTransform AngleX="30"/>
      
</TransformGroup>
    
</Rectangle.RenderTransform>
  
</Rectangle>
  
</Canvas>
    效果图如下图所示:

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多
    喜欢该文的人也喜欢 更多

    ×
    ×

    ¥.00

    微信或支付宝扫码支付:

    开通即同意《个图VIP服务协议》

    全部>>