如何“拉伸” WPF效果变换中图像的属性？

Question

WPF 中图像的“拉伸”属性如何影响变换？

我发现图像的拉伸属性会影响应用于它的变换。 当stretch=fill时，一切都很好，但如果stretch=uniform，变换就会被改变。 我不明白为什么会发生这种情况。请解释一下。

代码：

<Canvas Height="200" Width="200">
        <Image Height="50" Width="50" RenderTransformOrigin="0.5,0.5" Source="Image.jpg" Stretch="Fill">
            <Image.RenderTransform>
                <TransformGroup>
                    <RotateTransform Angle="200" />
                    <TranslateTransform X="100" Y="100"/>
                </TransformGroup>
            </Image.RenderTransform>
        </Image>
        <Rectangle Height="50" Width="50" RenderTransformOrigin="0.5,0.5" Fill="RoyalBlue" Opacity="0.5">
            <Rectangle.RenderTransform>
                <TransformGroup>
                    <RotateTransform Angle="200" />
                    <TranslateTransform X="100" Y="100"/>
                </TransformGroup>
            </Image.RenderTransform>
        </Rectangle>        
    </Canvas>

---

<Canvas Height="200" Width="200">
        <Image Height="50" Width="50" RenderTransformOrigin="0.5,0.5" Source="Image.jpg" Stretch="Uniform">
            <Image.RenderTransform>
                <TransformGroup>
                    <RotateTransform Angle="200" />
                    <TranslateTransform X="100" Y="100"/>
                </TransformGroup>
            </Image.RenderTransform>
        </Image>
        <Rectangle Height="50" Width="50" RenderTransformOrigin="0.5,0.5" Fill="RoyalBlue" Opacity="0.5">
            <Rectangle.RenderTransform>
                <TransformGroup>
                    <RotateTransform Angle="200" />
                    <TranslateTransform X="100" Y="100"/>
                </TransformGroup>
            </Rectangle.RenderTransform>
        </Rectangle>        
    </Canvas>

Answer 1

根据我的测试，这似乎只是 Visual Studio 设计器预览此 XAML 的方式中的一个错误。

我已获取您的代码并将其加载到 Visual Studio 2010 和 Expression Blend 4 中。在 Visual Studio 的设计器中，我明白您在说什么。在 Expression Blend 中，预览是正确的。

最重要的是，当我运行应用程序时，它会正确呈现。所以我认为你没问题。当您必须使用此控件时，假装它没有这样做或使用 Expression Blend。