6

我有一个控件,允许用户旋转图像 - 这是 XAML 的简化版本:

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>

    <Border Grid.Row="0" Margin="5"
            BorderBrush="Black" BorderThickness="2"
            Background="#ddd">
        <Viewbox>
            <Image Source="image.jpg" RenderTransformOrigin="0.5, 0.5">
                <Image.RenderTransform>
                    <RotateTransform Angle="{Binding ElementName=Slider, Path=Value}"/>
                </Image.RenderTransform>
            </Image>
        </Viewbox>
    </Border>

    <Slider x:Name="Slider" 
            Grid.Row="1" Margin="5"
            Minimum="-180" Maximum="180"
            Value="0"/>
</Grid>

我遇到的问题是图像在旋转时可以跨越包含矩形的边界,而我需要调整它的大小以使其适合。我可以计算出 ViewModel 上的最佳拟合并将其绑定,但我很确定我可能只是错过了 XAML 中的一个技巧来让这发生在我身上。我认为 Viewbox 可能已经成功了,但事实并非如此,或者我使用不正确......

4

1 回答 1

11

固定的!我知道这很简单:)

我将 RenderTransform 切换到 LayoutTransform 并像魅力一样工作!

于 2013-08-19T15:05:01.823 回答