Controlo Contentor horizontal em Power Apps

O controlo Contentor horizontal determina a posição dos componentes subordinados de modo a nunca ter de definir X, Y para um componente no interior do contentor.

Descrição

O controlo Contentor horizontal distribui o espaço disponível aos componentes subordinados com base nas definições, bem como determina o alinhamento dos componentes subordinados.

Propriedades

BorderColor – a cor do limite de um controlo.

BorderStyle – se o limite do controlo é Sólido, Tracejado, Com pontos ou Nenhum.

BorderThickness – a espessura do limite de um controlo.

Color – a cor do controlo Contentor.

Sombra - adiciona efeitos de sombra à volta do controlo.

Fill – a cor de fundo de um controlo.

Height – a distância entre as margens superiores e inferiores de um controlo.

Direction – define em que direção o contentor coloca os seus componentes subordinados. Horizontal e Vertical.

Justify (vertical) – define como os elementos subordinados estão alinhados com o eixo primário. Iniciar, Terminar, Centrar, Espaço Entre.

Align (Horizontal) – define como os componentes subordinados são posicionados no contentor, fora do eixo (oposto a LayoutDirection). Iniciar, Centrar, Terminar, Esticar.

Gap – define o espaço entre contentores de componentes subordinados em pixéis.

Horizontal Overflow – define se o contentor mostra barras de deslocação ou se remove o conteúdo quando é demasiado grande para ser encaixado. Deslocar e Ocultar.

RadiusBottomLeft – o grau a que o canto inferior esquerdo de um controlo é arredondado.

RadiusBottomRight – o grau a que o canto inferior direito de um controlo é arredondado.

RadiusTopLeft – o grau a que o canto superior esquerdo de um controlo é arredondado.

RadiusTopRight – o grau a que o canto superior direito de um controlo é arredondado.

Vertical Overflow – define se o contentor mostra barras de deslocação ou se remove o conteúdo quando é demasiado grande para ser encaixado. Deslocar e Ocultar.

Wrap – define se o conteúdo se molda a uma nova linha ou coluna quando não cabe.

Align in container – define como o componente individual está alinhado com o principal. O valor predefinido, Definido por contentor, herda o valor da propriedade do LayoutAlignItems principal, enquanto outras propriedades podem ser usadas para personalizar o alinhamento para cada componente subordinado. Definir por contentor, Iniciar, Terminar, Centrar e Esticar.

Fill portions – define como o componente individual cresce quando há mais espaço de ecrã atribuído ao seu principal. O número representa a parte do espaço adicional dado ao componente de todo o espaço adicional disponível reclamado pelos elementos subordinados do seu principal. Por exemplo, se o elemento subordinado A tiver Fill portions definido para 1 e o elemento subordinado B tiver Fill portions definido para 2, o elemento subordinado A obtém 1/3 do espaço adicional disponível enquanto o elemento subordinado B obtém 2/3 do espaço adicional disponível.

Minimum width – representa o tamanho mínimo do componente na direção do Fill portions (isto é, do Direction do principal).

PaddingBottom – a distância entre o texto num controlo e o limite inferior desse controlo.

PaddingLeft – a distância entre o texto num controlo e o limite esquerdo desse controlo.

PaddingRight – a distância entre o texto num controlo e o limite direito desse controlo.

PaddingTop – a distância entre o texto num controlo e o limite superior desse controlo.

Visible – se um controlo é apresentado ou está oculto.

Width – a distância entre as margens esquerda e direita de um controlo.

X – a distância entre o limite esquerdo de um controlo e o limite esquerdo do respetivo recipiente principal (do ecrã, se não existir um recipiente principal).

Y – a distância entre o limite superior de um controlo e o limite superior do recipiente principal (do ecrã, se não existir um recipiente principal).

Exemplo

1. Crie uma aplicação de tela em branco com o esquema Tablet.

2. Selecione Ficheiro > Definições > Tamanho + orientação do ecrã e desative Ajustar tamanho, Bloquear Proporção e Bloquear orientação e selecione Aplicar.

3. Agora, a partir dos painéis Inserir na barra lateral esquerda, sob o separador Esquema, selecione Contentor horizontal.

   

4. Defina as seguintes propriedades para ocupar todo o espaço disponível do ecrã:

   1. X = 0
   2. Y= 0
   3. Largura = Principal.Largura
   4. Altura = Principal. Altura

5. Adicione poucos botões, entradas de texto, suportes multimédia, ícones e selecione F5 para ver como a aplicação se ajusta às mudanças no ecrã.