WPF中如何通过C#修改Image的Scale及各类Transform变换？

一、为什么你的缩放代码没生效？ #

你写的MYIMAGE.RenderTransform.ScaleTransform.ScaleX = 1;没起作用，核心原因是**RenderTransform默认不是ScaleTransform类型**——WPF控件的RenderTransform默认值是空的TransformGroup或者MatrixTransform，直接强转访问ScaleTransform要么报错，要么根本找不到目标变换，自然不会生效。

二、正确修改缩放比例的两种方式 #

1. 提前在XAML中定义ScaleTransform并命名

如果你的XAML里已经给Image的RenderTransform指定了ScaleTransform，并且给它起了名字，就可以直接通过名字访问修改：

<Image x:Name="MYIMAGE" Source="your-image.png">
    <Image.RenderTransform>
        <ScaleTransform x:Name="ImageScale" ScaleX="0.5" ScaleY="0.5"/>
    </Image.RenderTransform>
</Image>

后台代码直接修改：

// 把缩放比例改成1倍
ImageScale.ScaleX = 1;
ImageScale.ScaleY = 1;

2. 纯代码创建并赋值ScaleTransform

如果完全通过代码控制，需要先实例化ScaleTransform，再把它赋值给Image的RenderTransform属性：

// 先判断当前RenderTransform是不是ScaleTransform，不是就创建新的
if (!(MYIMAGE.RenderTransform is ScaleTransform scaleTransform))
{
    scaleTransform = new ScaleTransform(0.5, 0.5); // 初始先设为0.5倍缩放
    MYIMAGE.RenderTransform = scaleTransform;
}
// 修改缩放比例
scaleTransform.ScaleX = 1;
scaleTransform.ScaleY = 1;

三、修改其他变换（平移、旋转、倾斜）及访问方式 #

WPF支持多种基础变换，每种变换的访问和修改逻辑和缩放类似，下面逐个举例说明：

1. 平移变换（TranslateTransform）

// 代码创建平移变换
if (!(MYIMAGE.RenderTransform is TranslateTransform translateTransform))
{
    translateTransform = new TranslateTransform(20, 30); // 初始向右移20像素，向下移30像素
    MYIMAGE.RenderTransform = translateTransform;
}
// 修改平移量
translateTransform.X = 50;
translateTransform.Y = 60;

2. 旋转变换（RotateTransform）

// 代码创建旋转变换（默认以控件左上角为旋转中心）
if (!(MYIMAGE.RenderTransform is RotateTransform rotateTransform))
{
    rotateTransform = new RotateTransform(45); // 初始旋转45度
    // 如果要以控件中心旋转，记得设置RenderTransformOrigin
    MYIMAGE.RenderTransformOrigin = new Point(0.5, 0.5);
    MYIMAGE.RenderTransform = rotateTransform;
}
// 修改旋转角度
rotateTransform.Angle = 90;

3. 倾斜变换（SkewTransform）

// 代码创建倾斜变换
if (!(MYIMAGE.RenderTransform is SkewTransform skewTransform))
{
    skewTransform = new SkewTransform(10, 5); // X轴倾斜10度，Y轴倾斜5度
    MYIMAGE.RenderTransform = skewTransform;
}
// 修改倾斜角度
skewTransform.AngleX = 15;
skewTransform.AngleY = 0;

4. 组合多个变换（TransformGroup）

如果需要同时应用多种变换（比如先缩放、再旋转、最后平移），就得用TransformGroup把多个变换组合起来：

<Image x:Name="MYIMAGE" Source="your-image.png" RenderTransformOrigin="0.5,0.5">
    <Image.RenderTransform>
        <TransformGroup>
            <ScaleTransform x:Name="GroupScale" ScaleX="0.8" ScaleY="0.8"/>
            <RotateTransform x:Name="GroupRotate" Angle="30"/>
            <TranslateTransform x:Name="GroupTranslate" X="10" Y="10"/>
        </TransformGroup>
    </Image.RenderTransform>
</Image>

后台代码可以直接通过XAML中给变换起的名字访问修改：

GroupScale.ScaleX = 1;
GroupRotate.Angle = 0;
GroupTranslate.X = 0;

也可以遍历TransformGroup的子变换来修改：

if (MYIMAGE.RenderTransform is TransformGroup transformGroup)
{
    foreach (var transform in transformGroup.Children)
    {
        if (transform is ScaleTransform scale) scale.ScaleX = 1;
        else if (transform is RotateTransform rotate) rotate.Angle = 0;
        // 其他变换同理
    }
}

关键注意点 #

• RenderTransformOrigin：默认值是(0,0)（控件左上角），如果需要以控件中心为变换原点，记得设置为(0.5,0.5)，旋转、缩放时效果会更符合预期。
• 空值/类型判断：修改前一定要判断RenderTransform的类型，避免出现空引用或类型转换错误。

内容的提问来源于stack exchange，提问作者user8271158