Mostrar elements de diferents altures a la galeria d'aplicacions de llenç

Si hi ha diferents elements del conjunt de dades que contenen quantitats diferents de dades al mateix camp, podeu mostrar completament els elements que contenen més dades sense afegir cap espai buit després d'elements que contenen menys dades. Afegiu i configureu un control de galeria Alçada flexible per poder fer el següent:

  • Configureu els controls Etiqueta per augmentar o reduir segons el contingut.
  • Col·loqueu cada control de manera que aparegui automàticament sota el control.

En aquest tutorial, es mostren dades sobre els productes de paviment en un control de galeria Alçada flexible. La imatge de cada producte apareix 5 píxels per sota de la informació general, si la informació general conté cinc línies de text o dues línies.

Aplicació dinàmica

Lectura suggerida

Si no heu afegit mai controls a una galeria, seguiu els passos de Mostrar una llista d'elements abans de continuar amb aquest tema.

Afegir dades a una aplicació en blanc

  1. Baixeu aquest fitxer de l'Excel, que conté noms, informació general i enllaços a imatges de productes de paviment.

    Productes de paviment

  2. Pengeu el fitxer d'Excel a un compte d'emmagatzematge en el núvol, com ara OneDrive, Dropbox o Google Drive.

  3. Al Power Apps Studio, feu clic a o toqueu Novetats al menú Fitxer.

  4. A la peça Aplicació en blanc, feu clic o toqueu Disposició del telèfon.

    Opció Crea al menú Fitxer

  5. Afegiu una connexió a la taula FlooringEstimates al fitxer de l'Excel.

    Per obtenir més informació, vegeu Afegir una connexió.

  1. A la pestanya Insereix, feu clic o toqueu Galeria i llavors fer clic o toqueu Alçada flexible.

    Afegir una galeria.

  2. Canvieu la mida de la galeria per ocupar tota la pantalla.

  3. Definiu la propietat Items de la galeria a FlooringEstimates.

Mostrar els noms dels productes

  1. A la part superior esquerra de la galeria, feu clic o toqueu la icona de llapis per seleccionar la plantilla de galeries.

    Icona de llapis

  2. Amb la plantilla de galeries seleccionada, afegiu-hi el control Etiqueta.

  3. Definiu la propietat Text del control Etiqueta per mostrar aquesta expressió:
    ThisItem.Name

    Afegir una etiqueta.

Mostrar la informació general dels productes

  1. Amb la plantilla de galeries seleccionada, afegiu-hi un altre control Etiqueta i desplaceu-lo per sota del primer control Etiqueta.

  2. Definiu la propietat Text del segon control Etiqueta per mostrar aquesta expressió:
    ThisItem.Overview

  3. Amb el segon control Etiqueta seleccionat, feu clic o toqueu la icona de l'etiqueta de nom de la pestanya Contingut i canvieu el nom del control a OverviewText.

    Canviar el nom d'una etiqueta.

  4. Definiu la propietat AutoHeight del quadre OverviewText com a True.

    Aquest pas garanteix que el quadre s'augmenti o es redueixi per adaptar-se al seu contingut.

    Alçada automàtica del text

Mostrar les imatges dels productes

  1. Canvieu la mida de la plantilla per tal que sigui el doble de l'alçada anterior.

    Podeu afegir controls a la plantilla més fàcilment a mesura que creeu l'aplicació i aquest canvi no afectarà la manera com es veu l'aplicació quan s'executi.

  2. Amb la plantilla de galeries seleccionada, afegiu-hi un control Imatge i desplaceu-lo per sota del quadre OverviewText.

  3. Assegureu-vos que la propietat Image del control Imatge estigui definida per mostrar aquesta expressió:
    ThisItem.Image

  4. Definiu la propietat Y del control Imatge en funció de la posició i la mida del quadre OverviewText, com en aquesta expressió:
    OverviewText.Y + OverviewText.Height + 5

    Aplicació final

Apliqueu el mateix concepte si voleu afegir més controls: definiu la propietat Y de cada control en funció de les propietats Y i Height del control que té a sobre.

Passos següents

Més informació sobre com treballar amb un control Galeria i fórmules.