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

Question

我有一个矩形的图像文件，例如300px x 200px

我想将其显示在100px x 100px的图像控件中。

我该如何对Image控件说来显示这样的图像

不是这样吗？

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

Answer 1

要创建居中图像，可以在UniformToFill上设置ImageBrush：

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

Answer 2

在图像代码的xaml中，添加以下属性：

Stretch="UniformToFill"

它将调整图像以填充所有正方形，而不会更改其比例。