WPF.让图片形状发生改变的4种方法

1.ScaleTransform 让图片放大或者缩小的属性 以某个点 ( CenterX,CenterY ) 为原点建立一个平面直角坐标系,然后通过比例 ( ScaleX, ScaleY ) 放大或缩小
下面是例子和结果

 <Image Source=" Images/2.PNG" Width="100" Stretch="Fill" Cursor="Hand" RenderTransformOrigin="0.5,0.5" Margin="35,-86,285,42" Height="100" VerticalAlignment="Bottom"/>
 <Image Source=" Images/2.PNG"  Height="100"  Width="100"  VerticalAlignment="Top" Stretch="Fill" Cursor="Hand" RenderTransformOrigin="0.5,0.5" Margin="170,-86,150,0">
                <Image.RenderTransform>
                    <TransformGroup>
                        <!--以 CenterX CenterY 为原点,然后以 ScaleX ScaleY 的值进行缩小或者放大功能-->
                        <ScaleTransform ScaleX="0.5" ScaleY="0.5" CenterX="0" CenterY="0"/>
                    </TransformGroup>
                </Image.RenderTransform>
            </Image>
            <Image Source=" Images/2.PNG"  Height="56" Width="40"  VerticalAlignment="Top" Stretch="Fill" Cursor="Hand" RenderTransformOrigin="0.5,0.5" Margin="30,-62,195,0" Grid.Column="1">
                <Image.RenderTransform>
                    <TransformGroup>
                        <!--以 CenterX CenterY 为原点,然后以 ScaleX ScaleY 的值进行缩小或者放大功能-->
                        <ScaleTransform ScaleX="9" ScaleY="5" CenterX="0" CenterY="0"/>
                    </TransformGroup>
                </Image.RenderTransform>
            </Image>

在这里插入图片描述
2.SkewTransform 让图片倾斜的属性, 以某个点 ( CenterX,CenterY ) 为原点建立一个平面直角坐标系,然后通过x,y轴的旋转角度 ( AngleX, AngleY ) 来实现图片倾斜的效果

 <Image Source=" Images/2.PNG" Width="100" Stretch="Fill" Cursor="Hand" RenderTransformOrigin="0.5,0.5" Margin="35,-86,285,42" Height="100" VerticalAlignment="Bottom"/>
            <!--图片按钮设置-->
            <Image Source=" Images/2.PNG"  Height="100"  Width="100"  VerticalAlignment="Top" Stretch="Fill" Cursor="Hand" RenderTransformOrigin="0.5,0.5" Margin="215,-71,105,0">
                <Image.RenderTransform>
                    <TransformGroup>
                        <!--以 CenterX CenterY 为原点,然后以 ScaleX ScaleY 的值进行缩小或者放大功能-->
                        <SkewTransform AngleX="0" AngleY="45" CenterX="0" CenterY="0"/>
                    </TransformGroup>
                </Image.RenderTransform>
            </Image>
            <Image Source=" Images/2.PNG"  Height="100" Width="100"  VerticalAlignment="Bottom" Stretch="Fill" Cursor="Hand" RenderTransformOrigin="0.5,0.5" Margin="40,-61,125,17" Grid.Column="1">
                <Image.RenderTransform>
                    <TransformGroup>
                        <!--以 CenterX CenterY 为原点,然后以 ScaleX ScaleY 的值进行缩小或者放大功能-->
                        <SkewTransform AngleX="45" AngleY="0" CenterX="0" CenterY="0"/>
                    </TransformGroup>
                </Image.RenderTransform>
            </Image>

在这里插入图片描述
3.RotateTransform 让图片旋转的属性 以某个点 ( CenterX,CenterY ) 为原点按照(Angle ,单位是度)顺时针方向旋转。

 <Image Source=" Images/2.PNG" Width="100" Stretch="Fill" Cursor="Hand" RenderTransformOrigin="0.5,0.5" Margin="35,-86,285,42" Height="100" VerticalAlignment="Bottom"/>
            <!--图片按钮设置-->
            <Image Source=" Images/2.PNG"  Height="100"  Width="100"  VerticalAlignment="Top" Stretch="Fill" Cursor="Hand" RenderTransformOrigin="0.5,0.5" Margin="215,-71,105,0">
                <Image.RenderTransform>
                    <TransformGroup>
                        <!--以 CenterX CenterY 为原点,然后以 ScaleX ScaleY 的值进行缩小或者放大功能-->
                        <RotateTransform Angle="60"  CenterX="0" CenterY="0"/>
                    </TransformGroup>
                </Image.RenderTransform>
            </Image>
            <Image Source=" Images/2.PNG"  Height="100" Width="100"  VerticalAlignment="Bottom" Stretch="Fill" Cursor="Hand" RenderTransformOrigin="0.5,0.5" Margin="40,-61,125,17" Grid.Column="1">
                <Image.RenderTransform>
                    <TransformGroup>
                        <!--以 CenterX CenterY 为原点,然后以 ScaleX ScaleY 的值进行缩小或者放大功能-->
                        <RotateTransform Angle="45" CenterX="0" CenterY="0"/>
                    </TransformGroup>
                </Image.RenderTransform>
            </Image>

在这里插入图片描述
4.TranslateTransform 平移,通过 X Y 的值 在坐标系中平移对象 。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值