c# - 在 Viewbox 中居中图像

Question

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

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

<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>