如何在WPF中旋转后使图像适合边框

【问题标题】：How to fit the image to to border after rotation in WPF如何在WPF中旋转后使图像适合边框
【发布时间】：2017-05-11 09:06:18
【问题描述】：

我有一个边框，里面有一张图片。在按钮上单击我将该图像旋转到 90 度。这是我的原始图像

下面是旋转后的

旋转后，我的图像不适合边框。我需要它来完全填充边界。这里缺少什么？

【问题讨论】：

你想缩小图像，还是旋转你的边框？
我想要更小的图像。我不想旋转边框。边框将保持相同的大小和角度。

标签： wpf rotatetransform

【解决方案1】：

我认为，您正在使用RenderTransform 来旋转图像。

改为使用LayoutTransform。

查看示例：

<StackPanel>
    <Border Width="500" Height="300" BorderBrush="Black" BorderThickness="1">
        <Image Source="sombrero.jpg" Stretch="Fill" x:Name="img" HorizontalAlignment="Center" VerticalAlignment="Center">
        </Image>
    </Border>
    
    <Button Content="Rotate" Click="ButtonBase_OnClick"></Button>
</StackPanel>

代码隐藏：

private void ButtonBase_OnClick(object sender, RoutedEventArgs e)
    {
        img.LayoutTransform = new RotateTransform(90);
    }

之前：

之后：

希望这会有所帮助。

【讨论】：