<AbsoluteLayout> 容器是 NativeScript 中最简单的布局容器。

<AbsoluteLayout> 具有以下行为

• 使用一对绝对的 left/top 坐标来定位其子元素。
• 不会对子元素强制执行任何布局约束。
• 当大小发生变化时，不会在运行时调整子元素的大小。

示例

类似网格的布局

以下示例创建了一个简单的网格。有关创建网格布局的更多信息，请参阅 GridLayout。

<AbsoluteLayout backgroundColor="#3c495e">
  <Label text="10,10" left="10" top="10" width="100" height="100" backgroundColor="#43b883"/>
  <Label text="120,10" left="120" top="10" width="100" height="100" backgroundColor="#43b883"/>
  <Label text="10,120" left="10" top="120" width="100" height="100" backgroundColor="#43b883"/>
  <Label text="120,120" left="120" top="120" width="100" height="100" backgroundColor="#43b883"/>
</AbsoluteLayout>

重叠元素

以下示例创建了一组重叠的项目。

<AbsoluteLayout backgroundColor="#3c495e">
  <Label text="10,10" left="10" top="10" width="100" height="100" backgroundColor="#289062"/>
  <Label text="30,40" left="30" top="40" width="100" height="100" backgroundColor="#43b883"/>
</AbsoluteLayout>

属性

无。

子元素的额外属性

当元素是 <AbsoluteLayout> 的直接子元素时，您可以使用以下额外属性。