Controle de contêiner vertical no Power Apps

O controle de contêiner vertical determina a posição dos componentes filho para que você nunca precise definir X, Y para um componente dentro do contêiner.

Description

O controle de contêiner vertical distribui o espaço disponível para seus componentes filho com base nas configurações, bem como determina o alinhamento dos componentes filho.

Propriedades

BorderColor – A cor da borda de um controle.

BorderStyle – se a borda de um controle é Solid, Dashed, Dotted ou None.

BorderThickness – A espessura da borda de um controle.

Cor – a cor do controle de contêiner.

Soltar sombra – adiciona efeitos de sombra ao redor do controle.

Fill – a cor da tela de fundo de um controle.

Altura – a distância entre as bordas superior e inferior de um controle.

Direção – define em que direção o contêiner layouts seus componentes filho. Horizontal e vertical.

Justificar (vertical) – define como os elementos filho são alinhados com o eixo primário. Iniciar, terminar, centralizar, espaço entre.

Alinhar (horizontal) – define como os componentes filho são posicionados no contêiner, no eixo off (oposto de LayoutDirection). Start, Center, End, Stretch.

Lacuna – define o espaço entre os componentes filho de contêineres em pixels.

Estouro Horizontal – define se o contêiner mostra barras de rolagem ou remove o conteúdo quando ele é muito grande para caber. Rolar e ocultar.

RadiusBottomLeft – O grau em que o canto inferior esquerdo de um controle é arredondado.

RadiusBottomRight – O grau em que o canto inferior direito de um controle é arredondado.

RadiusTopLeft – O grau em que o canto superior esquerdo de um controle é arredondado.

RadiusTopRight – O grau em que o canto superior direito de um controle é arredondado.

Estouro Vertical – define se o contêiner mostra barras de rolagem ou remove o conteúdo quando ele é muito grande para caber. Rolar e ocultar.

Encapsulamento – define se o conteúdo é encapsulado em uma nova linha ou coluna quando não pode caber.

Alinhar no contêiner – define como o componente individual é alinhado ao pai. O valor padrão, Definido por contêiner, herda o valor da propriedade do LayoutAlignItems pai, enquanto outras propriedades podem ser usadas para personalizar o alinhamento do componente filho individual. Definido por contêiner, Iniciar, Terminar, Centralizar e Alongar.

Partes de preenchimento – define como o componente individual cresce quando há mais imóveis de tela atribuídos ao seu pai. O número representa a parte do espaço extra dado ao componente de todo o espaço extra disponível reivindicado pelos filhos de seu pai. Por exemplo, se o filho A tiver Fill portions definido como 1 e o filho B tiver Fill portions definido como 2, o filho A obterá 1/3 do espaço extra disponível enquanto o filho B obtém 2/3 do espaço disponível extra.

Largura mínima – representar o tamanho mínimo do componente na direção do Fill portions (ou seja, do pai Direction).

PaddingBottom – A distância entre o texto em um controle e a borda inferior desse controle.

PaddingLeft – A distância entre o texto em um controle e a borda esquerda desse controle.

PaddingRight – A distância entre o texto em um controle e a borda direita desse controle.

PaddingTop – a distância entre o texto em um controle e a borda superior desse controle.

Visível – se um controle aparece ou está oculto.

Largura – a distância entre as bordas esquerda e direita de um controle.

X – a distância entre a borda esquerda de um controle e a borda esquerda de seu contêiner pai (ou a tela, se não houver contêiner pai).

Y – a distância entre a borda superior de um controle e a borda superior de seu contêiner pai (ou a tela, se não houver contêiner pai).

Example

1. Crie um aplicativo de tela em branco com o layout do Tablet .

2. Selecione ConfiguraçõesExibir e desabilitar>Escala para ajustar, Taxa de proporção de bloqueio e Orientação de bloqueio e selecione Aplicar.

3. Agora, nos painéis Inserir na barra lateral esquerda, na guia Layout , selecione Contêiner vertical.

   

4. Defina as seguintes propriedades para ocupar o espaço disponível completo da tela:

   1. X = 0
   2. Y= 0
   3. Width = Parent.Width
   4. Altura = Pai. Altura

5. Adicione alguns botões, entradas de texto, mídia, ícones e selecione F5 para ver como o aplicativo se ajusta às alterações de tela.