Tag layout

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	\<string vazio>	Aplica um frame a este layout. A string é o caminho de um arquivo frame.  Veja Frames
frameRegion	String	\<string vazio>	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">         \<layout left="60" top="50" width="300" height="300">                 \<button left="0" top="0" text="Botão 1"/>                 \<button left="0" top="32" text="Botão 2"/>         \</layout> \</form>

 

 

 

 

 

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>

 

 

 

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

---

Created with the Personal Edition of HelpNDoc: Revolutionize your documentation process with HelpNDoc's online capabilities