如何将背景图像添加到xamarin表单的网格布局中？

Question

我有四行两列。我需要将背景图像显示为全网格。请提供解决方案。我在内容页面链接中引用了此创建背景图像：Xamarin Forms - how to add background image to a content page 但是如何将背景图像设置为网格布局。

Answer 1

只需将Image添加到第一行和第一列，将ColumnSpan和RowSpan设置为覆盖整个网格，并将Aspect设置为AdjustFit。

然后将要添加的其他项目添加到网格。

一个网格单元可以容纳多个元素，但是请记住，单元中的最后一项将最终位于之前添加的项之上。

例如：

<Grid>
    <Image>
    <Button>
</Grid>

按钮是订单中的最后一项，因此它将成为最顶层的项目，并且可以单击。如果您首先拥有按钮，最后拥有图像，则图像将覆盖按钮，因此将无法单击。

Answer 2

您将不得不在这里进行一些AbsoluteLayout的骗术：

<AbsoluteLayout>
<Image  AbsoluteLayout.LayoutBounds="0, 0, 1.0, 1.0" AbsoluteLayout.LayoutFlags="All" InputTransparent="true" Source="Your_Image" Aspect="AspectFill" />
<!--Your Grid Here-->
<Grid AbsoluteLayout.LayoutFlags="All" BackgroundColor="Transparent" AbsoluteLayout.LayoutBounds="0, 0, 1.0, 1.0" />
<AbsoluteLayout>

请确保您以绝对布局将图像放置在最前面，以使其位于背面， 并将其输入设置为透明，这样就不会发生任何点击事件。