ios - Nativescript 按钮覆盖

Question

我想知道如何在 Nativescript 的图片上叠加按钮？

我试过使用背景图像，但按钮并没有出现在图片之上。

目前我拥有的是:

<Image src="~/images/image.jpg" class="image" stretch="aspectFit" />
        <Button text ="image" tap="tapAction" class="ButtonOne"/>

<Image src="~/images/image2.jpg" stretch="aspectFit" class="image2" horizontalAlignment="right"/>
        <Button text ="image2" tap="tapAction1" class="ButtonTwo"/>

我在这里使用了 stacklayout，这样我就可以轻松地将这些图片和按钮叠加在同一页面上。现在我想要实现的是删除边框并将按钮文本放在图像顶部的某处。

我一直在试验一些 CSS 属性，例如 background-image，但我似乎无法为此找到一个好的答案。

如果有人能指出我解决这个问题的正确方向，我将不胜感激。我想找到一种在图像顶部叠加按钮的方法。

谢谢!

这是我目前拥有的，我试图消除空白并将相应的按钮放在每张图片的底部。所以总共有 4 张图片，每张图片底部有 4 个按钮!

Answer 1

您也可以使用 AbsoluteLayout，例如:

<AbsoluteLayout width="100%" height="100%">
  <Image src="~/images/image.jpg" class="image" stretch="aspectFit" top="0" left="0" />
  <Button text="image" tap="tapAction" class="ButtonOne" top="20" left="20"/>
</AbsoluteLayout>