xamarin - 如何在 Xamarin 表单中重叠图像

Question

我想设计为附件截图

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

<RelativeLayout HorizontalOptions="Center">

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

这是三张图

标签： xamarinxamarin.formsxamarin.androidxamarin.ios

Answer 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