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

我尝试将图像的宽度和高度设置为所需的宽高比,并将其包含在一个Viewbox中(如下所示),该视图可以正常工作,只是图像与顶部/左侧(不居中)对齐,而剩下的一半都没有,另一种作物。

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


有什么建议么?

最佳答案

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

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

关于c# - 在 View 框中居中放置图像,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41501089/

10-09 22:12