一.RenderTransform類的成員：

1.TranslateTransform 　　平移效果

2.RotateTransform 　　　 旋轉(zhuǎn)效果

3.ScaleTransform 　　????? 縮放效果

4.SkewTransform 　　???? 扭轉(zhuǎn)效果

5.TransformGroup　　　　組合效果

6.MatrixTransform　　　　是其他幾個變形類的基類，矩陣方式實現(xiàn)效果

?

二.簡單效果介紹

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 　　　 旋轉(zhuǎn)效果

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

注釋：Angle是偏轉(zhuǎn)角度，CenterX和CenterY是中心點，（0，0）是原點，非零值代表經(jīng)過偏移之后的中心點

?

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代表原點坐標(biāo)偏移量，ScaleX和ScaleY分別代表X和Y方向的縮放比例

?

4.SkewTransform 　　???? 扭轉(zhuǎn)效果

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

?

注釋：AngleX和AngleY的方向扭轉(zhuǎn) 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　　　　是其他幾個變形類的基類，矩陣方式實現(xiàn)效果

<Image Source="logo.png" Width="100" Height="100"><Image.RenderTransform><MatrixTransform Matrix="1 0 0 1 80 40"/></Image.RenderTransform></Image>

?

?注釋：該矩陣效果是通過矩陣計算得出其實際效果，但我不懂，按自己的理解分析出如下：

　　Matrix的6個參數(shù)是通過矩陣計算得出Image的新坐標(biāo)和效果，第一個和第四個分別控制該圖片的X和Y方向的縮放比例，第二個參數(shù)和第三個參數(shù)分別控制X和Y方向扭轉(zhuǎn)，最后兩個參數(shù)代表X和Y方向的平移量

?

三.示例下載

轉(zhuǎn)載于:https://www.cnblogs.com/Khan-Sadas/p/5083536.html

總結(jié)

以上是生活随笔為你收集整理的WPF的图片操作效果（一）：RenderTransform的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。