码迷,mamicode.com
首页 > Windows程序 > 详细

WPF的图片操作效果(一):RenderTransform

时间:2015-12-28 20:34:50      阅读:334      评论:0      收藏:0      [点我收藏+]

标签:

一.RenderTransform类的成员:

1.TranslateTransform   平移效果

2.RotateTransform     旋转效果

3.ScaleTransform         缩放效果

4.SkewTransform        扭转效果

5.TransformGroup    组合效果

6.MatrixTransform    是其他几个变形类的基类,矩阵方式实现效果

 

二.简单效果介绍

1.TranslateTransform   平移效果

   <Image Source="logo.png" Width="100" Height="100">
                <Image.RenderTransform>
                    <TranslateTransform X="20" Y="20"/>
                </Image.RenderTransform>
            </Image>

注释:X和Y分别代表图片在X方向和Y方向的偏移量

 

2.RotateTransform     旋转效果

<Image Source="logo.png" Width="100" Height="100">
                <Image.RenderTransform>
                    <RotateTransform Angle="70" CenterX="50" CenterY="100" />
                </Image.RenderTransform>
            </Image>

注释:Angle是偏转角度,CenterX和CenterY是中心点,(0,0)是原点,非零值代表经过偏移之后的中心点

 

3.ScaleTransform         缩放效果

<Image Source="logo.png" Width="100" Height="100">
                <Image.RenderTransform>
                    <ScaleTransform CenterX="10" CenterY="20" ScaleX="0.5" ScaleY="0.5"/>
                </Image.RenderTransform>
            </Image>

注释:Center代表原点坐标偏移量,ScaleX和ScaleY分别代表X和Y方向的缩放比例

 

4.SkewTransform        扭转效果

<Image Source="logo.png" Width="100" Height="100">
                <Image.RenderTransform>
                    <SkewTransform AngleX="30" AngleY="20" CenterX="0" CenterY="0"/>
                </Image.RenderTransform>
            </Image>

 

注释:AngleX和AngleY的方向扭转 CenterX和CenterY是偏移中心点的偏移量

 

5.TransformGroup    组合效果

<Image Source="logo.png" Width="100" Height="100">
                <Image.RenderTransform>
                    <TransformGroup >
                        <ScaleTransform CenterX="10" CenterY="20" ScaleX="0.5" ScaleY="0.5"/>
                        <RotateTransform Angle="70" CenterX="50" CenterY="50" />
                    </TransformGroup>
                </Image.RenderTransform>
            </Image>

 

注释:就是上述简单效果的叠加使用

 

6.MatrixTransform    是其他几个变形类的基类,矩阵方式实现效果

 

未完待续

 

WPF的图片操作效果(一):RenderTransform

标签:

原文地址:http://www.cnblogs.com/Khan-Sadas/p/5083536.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!