如何在其显示区域内将 MAUI 图像与宽高比填充对齐?

问题描述 投票:0回答:1

有没有办法在 .NET MAUI 8 中使用

<Image/>
在其显示区域内对齐/定位
Aspect="AspectFill"
,或者是否有一种解决方法可以产生相同的视觉结果?

我试图拥有一个宽的显示区域,其中一个高图像完全填充它,并保持其纵横比。然后,图像应与其显示区域的顶部或底部对齐,因此只有图像的顶部或底部可见。输入图像的高度可能会有所不同,但包装元素具有固定的高度,这就是我需要纵横比的原因。

<Border HeightRequest="100">
    <Image 
        Source="t-pose.png"
        Aspect="AspectFill"
        WidthRequest="128"/>
</Border>

完整图片:
full image

期望结果示例:
desired image

image xaml alignment maui aspect-ratio
1个回答
0
投票

一个黑客,但是,插入一个

ScrollView
可以实现这一点:

<Border HeightRequest="100">
    <ScrollView IsEnabled="False">
        <Image
            Aspect="AspectFill"
            Source="t_pose.png"
            WidthRequest="128" />
    </ScrollView>
</Border>
© www.soinside.com 2019 - 2024. All rights reserved.