Как "перекрыть" два макета Nativescript - PullRequest
Новая
       158

Как "перекрыть" два макета Nativescript

0 голосов
/ 18 июня 2020

Мне нужен этот макет с использованием Nativescript, но я не знаю, как это сделать. КРАСНАЯ коробка должна находиться перед ЧЕРНОЙ коробкой в ​​произвольном положении.

enter image description here

Большое спасибо!

1 Ответ

1 голос
/ 18 июня 2020

Вы можете использовать AbsoluteLayout как контейнер, содержащий красный и черный ящик. Label ниже - это просто заполнители для черного и красного поля. С помощью AbsoluteLayout вы можете затем использовать свойства left и top аналогично тому, как вы сделали бы в css для position: absolute. Что нужно знать, так это порядок элементов в вашем html, это порядок его наложения (с точки зрения z-индекса) - чем ниже он находится в вашем html, тем выше z-index. 

<AbsoluteLayout width="210" height="210">

    <!-- black box -->
    <Label text="no margin" left="10" top="10" width="100" height="100"/>

    <!-- red box -->
    <Label text="margin='30'" left="10" top="10" margin="30" width="100" height="90"/>

  </AbsoluteLayout>

Примечание: вы также можете использовать GridLayout для наложения элементов (если вам не нужны свойства абсолютного позиционирования, такие как left или top)

...