Configurações de Look and Feel:
Name(obrigatório) - nome do componente.
Direction(obrigatório) - como os elementos estão dispostos no interior do contentor, vertical ou horizontalmente. Horizontal ser padrão.
Wrap(obrigatório) - conteúdo do invólucro quando ultrapassa os limites do recipiente. Embrulhar por defeito
Alignment (obrigatório) - alinhamento dos elementos de um recipiente. Começar por defeito.
Sizes(obrigatório) - dimensões do contentor. Em pixels ou percentagem. Largura 100% por defeito.
Max Width (obrigatório) - largura máxima do contentor em pixels ou percentagem. 100% por defeito.
Margin(obrigatório) - travessão exterior. 0 por defeito.
Padding(obrigatório) - travessão interior. 0 por defeito Imagem, Gradiente ou Overlay (não obrigatório) - para fundo.
Background color (não obrigatório) - cor primária para o fundo.
Border(não obrigatório) - definições de borda componente.
Visible(obrigatório) - torna o componente visível se estiver ligado. Activado por defeito.
Despoletadores de fluxo de trabalho:
- onCreate- dispara quando o elemento é criado na página;
- onShow- dispara quando o componente muda o seu estado para visível (exibido na página);
- onHide- dispara quando o componente muda o seu estado para oculto (deixa de ser exibido);
- onDestroy- dispara quando o componente é destruído;
- onClick- dispara quando o componente é clicado.
Acções Componentes:
Container get properties
Obtém as propriedades do recipiente.
Parâmetros de entrada:
- Component Id [string] - identificador do componente do contentor.
Parâmetros de saída:
- Width[string] - largura do componente;
- Height[string] - a altura dos componentes;
- Flex direction [enum] - a direcção dos componentes;
- Wrap[enum] - enrolamento dos componentes;
- Alignment horizontal [enum] - alinhamento do componente por horizontal;
- Alignment vertical [enum] - alinhamento dos componentes por vertical;
- Margin[string] - margem do componente;
- Padding[string] - acolchoamento dos componentes;
- Border[string] - margem do componente;
- Background color[string] - cor de fundo do componente;
- Visible[boolean] - estado de visibilidade do componente.
Container set properties
Obtém as propriedades do contentor.
Parâmetros de entrada:
- Component Id [string] - identificador do componente do contentor.
Parâmetros de saída:
- Width[string] - largura dos componentes;
- Height [string] - altura dos componentes;
- Flex direction [enum] - direcção dos componentes;
- Wrap [enum] - enrolamento dos componentes;
- Alignment horizontal[enum] - alinhamento dos componentes por horizontal;
- Alignment vertical [enum] - alinhamento dos componentes por vertical;
- Margin[string] - margem do componente;
- Padding[string] - acolchoamento dos componentes;
- Border[string] - borda do componente;
- Background color [string] - cor de fundo do componente;
- Visible [boolean] - estado de visibilidade do componente.
Container update properties
Actualiza as propriedades do contentor
Parâmetros de entrada:
- Component Id [string] - identificador do componente do contentor;
- Width[string] - largura do componente;
- Height[string] - altura dos componentes;
- Flex direction [enum] - direcção dos componentes;
- Wrap [enum] - envoltório dos componentes;
- Alignment horizontal [enum] - alinhamento dos componentes por horizontal;
- Alignment vertica l [enum] - alinhamento dos componentes por vertical;
- Margin[string] - margem do componente;
- Padding[string] - acolchoamento dos componentes;
- Border[string] - borda do componente;
- Border radius [string] - raio da borda do componente;
- Background color [string] - cor de fundo do componente;
- Visible [boolean] - estado de visibilidade do componente.
Exemplo de utilização
Um recipiente pode ser utilizado para agrupar elementos. Por exemplo, para montar um formulário a partir de vários campos de entrada diferentes:
