NativeScript-Vue 2.0: Back to the Vueture (Webinar) is now on YouTube
AbsoluteLayout

This is an overview of the most common usage of AbsoluteLayout. For more information about the available properties, methods, or events, head over to the complete API documentation for AbsoluteLayout.

Контейнер AbsoluteLayout — это самый простой контейнер макета в NativeScript. Он использует абсолютные верхние левые координаты для расположения своих дочерних элементов. AbsoluteLayout не будет применять ограничения макета на своих дочерних элементах и не будет изменять их размер во время выполнения при изменении их размеров.

Примеры

Макет в виде сетки

<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 не имеет свойств.

Дополнительные свойства дочерних элементов

Когда элемент — прямой дочерний элемент AbsoluteLayout, доступны следующие свойства:

НазваниеТипОписание
topNumberЗначение, представляющее расстояние от верхней части родительского AbsoluteLayout
leftNumberЗначение, представляющее расстояние с левой части родительского AbsoluteLayout
Contributors