Controlo Contentor vertical no Power Apps

O controlo Contentor vertical 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 de Contentor vertical 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 Definições > 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 vertical.

    Inserir contentores.

  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ã.

Nota

Pode indicar-nos as suas preferências no que se refere ao idioma da documentação? Responda a um breve inquérito. (tenha em atenção que o inquérito está em inglês)

O inquérito irá demorar cerca de sete minutos. Não são recolhidos dados pessoais (declaração de privacidade).