android - 在 Xamarin.Forms 中布局背景图像

Question

我需要具有固定高度(例如 200)和背景图像的 block ，它应该是 AspectFill 这个 block 和 StackLayout 这个 block 底部的未知高度。

我尝试使用 RelativeLayout 并将 Image 和 StackLayout 放入其中。图像放置完美，但我不知道如何将 StackLayout 放在底部。

这个布局包含两个 Labels，所以我不能将它的 HeightConstrait 和 YConstrait 硬编码为常量，因为它的文本可能有不同平台和屏幕尺寸上的不同高度(或者，这可能是错误的？)

我该怎么做？

Answer 1

我已经习惯了相对布局方法的替代方法:

这基本上使用了一个图像和一个堆栈布局，它们相互重叠并填充可用空间。然后内部堆栈布局能够从末尾展开。如果你想创建一个“最大”量向上扩展(例如最大图像的 50%)，你可以将外部布局更改为“layoutBounds 1,1,1,.5”

下面的代码使用了背景颜色，因此如果被复制，您可以很容易地看到它。大量修改选项，例如使用背景图像和堆栈布局以外的项目，例如框架。

<AbsoluteLayout HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
    <Image BackgroundColor="Red" AbsoluteLayout.LayoutBounds="1,1,1,1" AbsoluteLayout.LayoutFlags="All" Aspect="AspectFill"></Image>
    <StackLayout AbsoluteLayout.LayoutBounds="1,1,1,1" AbsoluteLayout.LayoutFlags="All" BackgroundColor="Transparent">
        <StackLayout BackgroundColor="Blue" HorizontalOptions="FillAndExpand" VerticalOptions="EndAndExpand" Orientation="Vertical">
            <Label Text="Label 1"></Label>
            <Label Text="Label 2"></Label>
        </StackLayout>
    </StackLayout>
</AbsoluteLayout>