如何移除或重置XAML元素绝对变换，让ImageBrush保持1:1缩放

我明白你的需求——想让ImageBrush在Viewbox里保持1:1的原始比例，不受Viewbox缩放影响，同时让Label正常跟着缩放，还不想在ViewModel里掺和视图相关的缩放逻辑。其实不用传递缩放系数给ViewModel，咱们完全可以在XAML和视图层的Converter里解决这个问题。

核心思路是抵消Viewbox的缩放变换：Viewbox会给内部元素应用一个缩放比例（基于它的ActualSize和子元素的DesiredSize），咱们只需要给ImageBrush加一个反向的缩放变换，就能抵消这个影响，再配合ImageBrush的Stretch属性设置为None，就能实现缩小时只显示左上角内容的效果。

下面分步骤给你具体方案：

1. 编写反向缩放的Converter #

先写一个Converter来计算抵消Viewbox缩放的比例（或者矩阵，如果你想沿用原来的MatrixTransform）：

方案A：用ScaleTransform的简单Converter

public class InverseScaleConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        // value是Viewbox子元素的ActualSize，parameter是它的DesiredSize
        if (value is double actualSize && parameter is double desiredSize && desiredSize > 0)
        {
            // 反向缩放比例 = 原始尺寸 / 缩放后的尺寸，抵消Viewbox的缩放
            return desiredSize / actualSize;
        }
        return 1.0;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

方案B：沿用MatrixTransform的MultiConverter

如果你想继续用MatrixTransform，可以用这个MultiConverter：

public class InverseMatrixConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        if (values.Length >= 2 && values[0] is FrameworkElement innerElement && values[1] is Matrix originalMatrix)
        {
            if (innerElement.DesiredSize.Width > 0 && innerElement.DesiredSize.Height > 0 && 
                innerElement.ActualWidth > 0 && innerElement.ActualHeight > 0)
            {
                double scaleX = innerElement.DesiredSize.Width / innerElement.ActualWidth;
                double scaleY = innerElement.DesiredSize.Height / innerElement.ActualHeight;
                // 创建反向缩放矩阵，和原矩阵相乘
                Matrix inverseScaleMatrix = new Matrix(scaleX, 0, 0, scaleY, 0, 0);
                return originalMatrix * inverseScaleMatrix;
            }
        }
        return originalMatrix ?? Matrix.Identity;
    }

    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

2. 修改XAML代码 #

假设你的Viewbox内部是一个Grid（命名为InnerGrid），里面包含Label和使用ImageBrush的元素（比如Rectangle），调整后的XAML如下：

用ScaleTransform的版本：

<Window.Resources>
    <local:InverseScaleConverter x:Key="InverseScaleConverter" />
    <local:BitmapToImageSourceConverter x:Key="BitmapToImageSourceConverter" />
</Window.Resources>

<Viewbox Stretch="Fill">
    <Grid x:Name="InnerGrid">
        <!-- Label正常跟随Viewbox缩放 -->
        <Label Content="我会跟着Viewbox缩放~" />
        
        <!-- 带有ImageBrush的元素，保持1:1比例 -->
        <Rectangle>
            <Rectangle.Fill>
                <ImageBrush ImageSource="{Binding Paint, Mode=OneWay, Converter={StaticResource BitmapToImageSourceConverter}}"
                            <!-- 设置Stretch为None，确保图像不被拉伸，只显示原始尺寸 -->
                            Stretch="None">
                    <ImageBrush.RelativeTransform>
                        <ScaleTransform 
                            ScaleX="{Binding ElementName=InnerGrid, Path=ActualWidth, 
                                             Converter={StaticResource InverseScaleConverter}, 
                                             ConverterParameter={Binding ElementName=InnerGrid, Path=DesiredSize.Width}}"
                            ScaleY="{Binding ElementName=InnerGrid, Path=ActualHeight, 
                                             Converter={StaticResource InverseScaleConverter}, 
                                             ConverterParameter={Binding ElementName=InnerGrid, Path=DesiredSize.Height}}" />
                    </ImageBrush.RelativeTransform>
                </ImageBrush>
            </Rectangle.Fill>
        </Rectangle>
    </Grid>
</Viewbox>

沿用MatrixTransform的版本：

<Window.Resources>
    <local:InverseMatrixConverter x:Key="TimelineMatrixConverter" />
    <local:BitmapToImageSourceConverter x:Key="BitmapToImageSourceConverter" />
</Window.Resources>

<Viewbox Stretch="Fill">
    <Grid x:Name="InnerGrid">
        <Label Content="我会跟着Viewbox缩放~" />
        
        <Rectangle>
            <Rectangle.Fill>
                <ImageBrush ImageSource="{Binding Paint, Mode=OneWay, Converter={StaticResource BitmapToImageSourceConverter}}"
                            Stretch="None">
                    <ImageBrush.RelativeTransform>
                        <MatrixTransform>
                            <MatrixTransform.Matrix>
                                <MultiBinding Converter="{StaticResource TimelineMatrixConverter}">
                                    <!-- 传递Viewbox的内部Grid，用来获取DesiredSize和ActualSize -->
                                    <Binding ElementName="InnerGrid" />
                                    <Binding RelativeSource="{RelativeSource Self}" Path="Matrix" />
                                </MultiBinding>
                            </MatrixTransform.Matrix>
                        </MatrixTransform>
                    </ImageBrush.RelativeTransform>
                </ImageBrush>
            </Rectangle.Fill>
        </Rectangle>
    </Grid>
</Viewbox>

关键说明： #

• Stretch="None"：这一步很重要，确保ImageBrush不会自行拉伸图像，只会按原始尺寸显示，超出容器的部分会被裁剪，刚好实现你要的“缩小时仅展示左上角”的效果。
• 反向缩放逻辑：通过Viewbox子元素的DesiredSize（未缩放的原始尺寸）除以ActualSize（缩放后的尺寸），得到的比例刚好抵消Viewbox的缩放，让ImageBrush保持1:1的原始像素比例。
• 完全脱离ViewModel：所有逻辑都在视图层的Converter和XAML中，不需要ViewModel传递任何缩放参数，符合MVVM的设计原则。

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