Contêiner

Como o nome sugere, dentro de um contêiner ficam os controles e outros contêineres. O contêiner oferece a capacidade de posicionar os controles dentro dele, de modo simples e intuitivo.

Geral

• Dica de ferramentas — dica de ferramenta a ser exibida no contêiner. Use a dica para fornecer informações adicionais sobre o controle.
• Oculto — Quando selecionado, oculta o controle no tempo de execução.
• Desabilitado — Quando selecionado, desabilita o controle no tempo de execução.

Events

• Clicando em — Configure o que acontece ao se clicar no contêiner.

Estilo

• Alinhamento de controle — Por padrão, herda o alinhamento parent. É possível definir outro alinhamento que não o pai. Para usar o alinhamento Parent como padrão, alterne entre os ícones de alinhamento selecionados para desativar um alinhamento específico.

  Observação: o alinhamento depende do layout do pai (Vertical vs. Horizontal).

• Layout — Determine como os controles dentro do contêiner serão posicionados:

  • Direção (Horizontal/vertical) - Os controles são organizados um abaixo do outro (vertical) ou um ao lado do outro (horizontal).
  • Alinhamento - Controla o alinhamento dentro do contêiner (Esquerda, Centro, Direita e Alongar na direção Vertical, e Superior, Meio, Inferior, Alongar na direção Horizontal).
  • Justificar — Superior, Centro, Inferior e Distribuir na direção vertical e Esquerda, Centro, Direita e Distribuir na direção horizontal.

  • Permitir encapsulamento — quando habilitada, a função encapsula o controle no contêiner caso não haja espaço suficiente.

Observação: quando a propriedade Permitir envolvimento estiver habilitada, os controles dentro do contêiner serão envolvidos, caso não caibam em uma linha.

• Cor de fundo — Conjuntos de cores de fundo do contêiner.
• Borda — Define a borda do controle. Com relação à borda, é possível configurar a espessura, a cor e o raio da borda.
• Fonte — Define a família de fontes para o contêiner. Todos os controles dentro do contêiner terão a mesma família de fontes do contêiner.
• Margem - Define a margem do contêiner. Por padrão, a margem 0 px vem definida. As propriedades Top/Bottom (Superior/Inferior) e Left/Right (Esquerda/Direita) são combinadas. Essas propriedades podem ser desvinculadas, usando-se o botão de desvinculação, do lado direito do cabeçalho da seção da Margem.
• Preenchimento — Define o preenchimento do contêiner. As propriedades de margem interna Superior/Inferior e Direita/Esquerda são combinadas. Essas propriedades podem ser desvinculadas com o ícone de desvinculação, que fica do lado direito do cabeçalho, na seção de preenchimento, caso outros valores de preenchimento precisarem ser definidos para cada lado.

• Tamanho — A largura e a altura do contêiner podem ser definidas na seção de Tamanho. Na seção de Tamanho, em mais (…), encontram-se disponíveis as configurações de Largura mínima/Altura mínima e Largura máxima/Altura máxima.

Importante: se o tamanho do contêiner for definido como um valor fixo e se os controles dentro dele ocuparem mais espaço do que o valor fixado, então, Justificar — Meio, Justificar — Inferior não se aplica na direção vertical e Justificar — Centro, Justificar — Direito não se aplica na direção horizontal.