如何在 Xamarin 表单中重叠图像答案

【问题标题】：How to overlap images in Xamarin forms如何在 Xamarin 表单中重叠图像
【发布时间】：2020-07-04 09:04:26
【问题描述】：

我想设计为附件截图

我尝试使用 RelativeLayount 和 AbsoluteLayout 但仍然没有成功获得所需的结果。可以帮忙吗

<RelativeLayout HorizontalOptions="Center">

            <Image Source="XX.png"  />
            <Image Source="YY.png"/>
            <Image Source="WW.png"/>
</RelativeLayout>

这是三张图片

【问题讨论】：

我没有在该图像中看到任何似乎重叠的内容？
@Jason 我添加了一个关于它现在在模拟器上的外观的截图
我仍然不知道您要做什么。什么是 XX、YY 和 WW？拿着设备的手的图像实际上是您正在使用的图像之一吗？
共有三种不同的图像。我包括了图像以使其清楚
啊，好的。在不指定任何约束子项的情况下使用 RelativeLayout 不会有太大作用。见docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/…

标签： xamarin xamarin.forms xamarin.android xamarin.ios

【解决方案1】：

您可以使用 AbsoluteLayout 并指定图像位置以使它们重叠：

<AbsoluteLayout>
        <Image Source="aa.png" Aspect="Fill" AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds=".5,.5,1,1"/>
        <Image Source="bb.png" Aspect="Fill" AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds=".5,.5,1,1"/>
</AbsoluteLayout>

但是在你的情况下，调整位置会比较困难，因为你的图片比例不同，而且不对称，建议你先对图片做一些调整，这样更容易放他们进入屏幕。

有关 AbsoluteLayout 的更多信息，请参阅Xamarin.Forms AbsoluteLayout

【讨论】：

【解决方案2】：

选项 1 - 使用具有相同行和列的网格
选项 2 - 使用 AbsoluteLayout

【讨论】：