Tag LAYOUT

A tag/componente layout representa um componente visual “invisível”. Ele não apresenta nada na tela e é usado apenas para organizar outros componentes visuais.

As principais características do layout são:

Não apresentam nada na tela, são transparentes.
São ótimos para organizar e/ou agrupar outros componentes visuais.

Exemplo: Você pode adicionar 10 outros componentes dentro de um layout e alterar a posição de todos, ao mesmo tempo, alterando a apenas posição do layout.

As tags/controles que estão dentro de layout mas visualmente fora de seus limites (largura e altura do layout) não são desenhadas na tela.

Herança

O layout possui todas as características de um controle qualquer. Veja Características de todas as tags visuais.

Características

Além das características herdadas, o layout possui também as seguintes características:

Propriedades e atributos da tag LAYOUT

Propriedade

Tipo

Valor Padrão

Descrição

frameStyle

String

Aplica um frame a este layout. A string é o caminho de um arquivo frame.

Veja Frames

frameRegion

String

Considerando que o componente/tag pai possui um frame (ver Frames), ao definir o valor desta propriedade, a posição e tamanho deste controle é automaticamente calculada para se encaixar na Região do Frame de mesmo nome.

Veja Frames e Regiões

Exemplos

Exemplo 1 - Uso simples de Layout

<?xml version="1.0" encoding="UTF-8"?>
<form name="frmFichaTeste">

O layout é um componente invisível, mas sua geometria neste exemplo é:

Exemplo 2 - Uso de layouts aninhados e alinhamento de controles

<?xml version="1.0" encoding="UTF-8"?>
<form name="frmFichaTeste">
  <layout left="60" top="50" width="250" height="300">
  <layout align="left" width="125">
  <edit align="top"/>
  <edit align="top"/>
  <edit align="top"/>
  </layout>

  <layout align="right" width="125">
  <edit align="top"/>
  <edit align="top"/>
  <edit align="top"/>
  </layout>
  </layout>
</form>