2

我有一个简单的画布如下：

<Canvas x:Name="canvBackground" Grid.Row="0" Margin="20" Background="Blue">
        <Canvas.LayoutTransform>
            <ScaleTransform x:Name="scaleTransformBackground"
                            ScaleX="{Binding Value,
                                             ElementName=uiSliderZoom}"
                            ScaleY="{Binding Value,
                                             ElementName=uiSliderZoom}" />
        </Canvas.LayoutTransform>
        <Canvas.RenderTransform>
            <RotateTransform x:Name="rotateTransformBackground"
                            Angle="{Binding Value,
                                             ElementName=uiSliderRotate}"></RotateTransform>
        </Canvas.RenderTransform  >
    </Canvas>

这些变换绑定到两个滑块控件。我已经为画布的背景分配了一个画笔，效果很好。在我分配图像刷时，我将两个变换的 centerX 和 centerY 属性设置为图像 X 和 Y 的一半。缩放滑块和旋转滑块一样工作。

当我结合缩放和滑块时，我得到了奇怪的结果（即旋转变换仍然基于原始尺寸图像的 centerX 和 centerY 属性。因此旋转和缩放的行为不符合预期（放大到缩小和旋转围绕图像的中心。

有人可以帮忙吗？

非常感谢。

4

1 回答 1

7

您可以将两个变换都放在一个 TransformGroup 中，并将其分配给 LayoutTransform 或 RenderTransform：

<Canvas x:Name="canvBackground" Grid.Row="0" Margin="20" Background="Blue">
    <Canvas.RenderTransform>
        <TransformGroup>
            <ScaleTransform x:Name="scaleTransformBackground"
                            ScaleX="{Binding Value, ElementName=uiSliderZoom}"
                            ScaleY="{Binding Value, ElementName=uiSliderZoom}" />
            <RotateTransform x:Name="rotateTransformBackground"
                             Angle="{Binding Value, ElementName=uiSliderRotate}" />
        </TransformGroup>
    </Canvas.RenderTransform  >
</Canvas>

而且您可能还需要设置RenderTransformOrigin。

于 2013-01-08T13:57:09.077 回答