Control de contenidors de xarxa a Power Apps

El control del contenidor Grid et permet disposició dels components fills en un patró de graella. Tens un control precís sobre on va cada component en termes de files i columnes.

Aquest contenidor funciona com quadrícules d'estil CSS. Defineixes les files i columnes i estableixes la posició exacta de cada component fill utilitzant les seves propietats.

Description

El control de contenidors Grid ofereix un sistema de disseny flexible per a aplicacions de llenç. Et permet:

• Col·loca components fills en un patró de graella
• Especifica l'inici i el final de la fila i la columna per a cada fill
• Fes ajustos sensibles quan la mida del contenidor o de la pantalla canvia
• Controla l'alineació, l'espaiat i l'excés dins de la quadrícula

Amb aquest enfocament, no cal col·locar manualment cada component. Les teves aplicacions es tornen més fàcils de mantenir i responent.

Display properties

• Espai – L'espaiat entre els components fills dins la graella.
• Columnes – El nombre de columnes en la disposició de la graella.
• Files – El nombre de files en la disposició de la graella.

Mida i posició

• X – La distància horitzontal des de la vora esquerra del contenidor pare (o pantalla si no hi ha pare o mare).
• Y – La distància vertical des de la vora superior del contenidor pare (o pantalla si no hi ha pare o mare).
• Amplada : la distància entre les vores esquerra i dreta d'un control.
• Alçada : la distància entre les vores superior i inferior d'un control.
• Encoixinament - L'espaiat entre les vores del contenidor i els seus components fills.

Color i vora

• Color – Color de primer pla del contenidor, utilitzat per a les vores i el text si escau.
• Border
  • Estil – Tipus de vora: Sòlida, discontínua, puntejada o cap.
  • Gruix – Amplada de la vora en píxels.
  • Color – Color de la vora.
• Radi de vora – El grau en què les cantonades del contenidor estan arrodonides. Pots aplicar aquesta configuració a totes les cantonades de manera uniforme o dividir-la en cantonades individuals en configuracions avançades.
• Ombra d'ombra – Efecte d'ombra aplicat al contenidor. Opcions: Cap, Lleugera, Mitjana o Pesada.

Visibility

• Visible – Si el contenidor de la quadrícula es mostra. Activa odesactiva.

Propietats de disposició de la graella (específiques per a fills)

• Començament de columna / Fi de columna – Defineix les columnes d'inici i final d'un component fill.
• Inici de fila / Fi de fila – Defineix les files d'inici i final d'un component fill.

Example

1. Crea una aplicació de llenç en blanc des de zero amb un disseny Responsive .

2. Crea una pantalla nova.

3. Des del panell Insereix sota Layout, selecciona Contenidor de graella.

4. Configura les propietats del contenidor perquè ocupin tota la pantalla:

   • X = 0
   • Y = 0
   • Amplada = element principal.amplada
   • Alçada = Pare. Alçada

5. Afegeix diversos components fills, com botons, entrades de text, icones i mitjans. Per a cada fill, estableix propietats de col·locació a la graella:

   • Inici / Fi de la columna
   • Inici / Fi de la fila
   • Align in Cell

6. Prem F5 per previsualitzar. Redimensiona la pantalla i observa com els components infantils es mantenen en la seva posició de la graella i ajusta de manera responsiva.