Controle de contêiner horizontal no Power Apps

O controle de contêiner horizontal 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 horizontal 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 é Sólida, Tracejada, Pontilhada ou Nenhuma.

BorderThickness – A espessura da borda de um controle.

Cor - A cor do controle de contêiner.

Sombra projetada - Adiciona efeitos de sombra ao redor do controle.

Preenchimento – A cor de fundo de um controlo.

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

Direção - Define em que direção o contêiner esquema seus componentes filho. Horizontal e Vertical.

Justificar (vertical) - Define como os elementos filho são alinhados com o eixo primário. Início, fim, centro, espaço entre.

Alinhar (Horizontal) - Define como os componentes filho são posicionados no contêiner, no eixo desligado (oposto ao LayoutDirection). Início, Centro, Fim, Alongamento.

Lacuna - Define o espaço entre contêineres componentes filho em pixels.

Estouro Horizontal - Define se o contêiner mostra barras de rolagem ou remove conteúdo quando ele é muito grande para ajustar. Desloque-se 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 conteúdo quando ele é muito grande para ajustar. Desloque-se e Ocultar.

Quebra automática - Define se o conteúdo é quebrado em uma nova linha ou coluna quando não pode ajustar.

Alinhar no contêiner - Define como o componente individual está alinhado ao pai. O valor padrão, definido por contêiner, herda o valor da propriedade do pai LayoutAlignItems , enquanto outras propriedades podem ser usadas para personalizar o alinhamento para o componente filho individual. Definido por contêiner, Iniciar, Terminar, Centralizar e Esticar.

Partes de preenchimento - Define como o componente individual cresce quando há mais imóveis de tela atribuídos ao 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 a criança A tiver Fill portions definido como 1 e a criança B tiver Fill portions definido como 2, a criança A receberá 1/3 do espaço extra disponível, enquanto a criança B receberá 2/3 do espaço extra disponível.

Largura mínima - Representa 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 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).

Example

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

2. SelecioneConfigurações de>arquivo>Tamanho da tela + orientação e desative Dimensionar para ajustar, 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 da tela:

   1. X = 0
   2. Y= 0
   3. Largura = Principal.Largura
   4. Altura = Principal. 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 na tela.