c# - 将图像置于 View 框中居中

Question

使用 XAML 和 UWP 如何将 Image 在 Viewbox 中垂直和水平居中？给定可变尺寸的图像，我需要将其缩放到容器的宽度，同时将其裁剪为特定的纵横比。

我尝试将图像的宽度和高度设置为所需的宽高比，并将其包含在 Viewbox 中(如下所示)，该 View 有效，但图像与顶部/左侧对齐(不居中)，留下一半但其他都没有被裁剪。

<Viewbox>
    <Image Source="{Binding ImageUrl}"
           Width="16"
           Height="9"
           Stretch="UniformToFill"
           HorizontalAlignment="Center"
           VerticalAlignment="Center"/>
</Viewbox>

有什么建议吗？

Answer 1

将图像居中放置，并使用 Stretch="UniformToFill" 放置在定义宽高比的容器内。

<Viewbox>
    <Grid Width="16" Height="9">
        <Image Source="{Binding Path=ImageUrl}" Stretch="UniformToFill" VerticalAlignment="Center" HorizontalAlignment="Center"/>
    </Grid>
</Viewbox>