如何使用图像控件居中和裁剪图像

【问题标题】：How to center and crop an image with an Image control如何使用图像控件居中和裁剪图像
【发布时间】：2019-12-10 07:56:19
【问题描述】：

我有一个矩形图像文件，比如 300 像素 x 200 像素

我想在 100 x 100 像素的图像控件中显示它。

如何让 Image 控件显示这样的图像

而不是这样？

（红色是我的图像控件，黑色是我的图像文件）

【问题讨论】：

标签： c# .net wpf image

【解决方案1】：

在您的图像代码中，在 xaml 中，添加此属性：

Stretch="UniformToFill"

它会调整图像以填充所有正方形而不改变他的比例。

【讨论】：

谢谢它的帮助。我认为现在它将图像的位置设置为 0,0（左上角）。是否容易指示“居中图像”？

【解决方案2】：

为了创建居中的图像，您可以在ImageBrush 上设置UniformToFill：

<Rectangle Width="100" Height="100" HorizontalAlignment="Center" VerticalAlignment="Center">
    <Rectangle.Fill>
        <ImageBrush ImageSource="..." Stretch="UniformToFill"/>
    </Rectangle.Fill>
</Rectangle>

【讨论】：