Mostrare elementi con altezze diverse in una raccolta di app canvas

Se diversi elementi nel set di dati contengono diverse quantità di dati nello stesso campo, puoi mostrare completamente gli elementi che contengono più dati senza aggiungere spazio vuoto dopo gli elementi che contengono meno dati. Aggiungi e configura un controllo Raccolta Altezza dinamica in modo che sia possibile:

  • Configurare i controlli Etichetta per espandere o ridurre in base al contenuto.
  • Posizionare ogni controllo in modo che venga visualizzato automaticamente sotto il controllo precedente.

In questa esercitazione, verranno visualizzati i dati sui prodotti di pavimentazione in un controllo RaccoltaAltezza dinamica. L'immagine di ogni prodotto appare 5 pixel sotto la panoramica, che questa includa cinque righe di testo o solo due righe.

App dinamica.

Letture consigliate

Se non hai mai aggiunto controlli a una raccolta, segui i passaggi in Visualizzare un elenco di elementi prima di procedere con questo argomento.

Aggiungere dati a un'app vuota

  1. Scarica questo file di Excel, che contiene nomi, panoramiche e collegamenti alle immagini dei prodotti di pavimentazione.

    Prodotti di pavimentazione.

  2. Carica il file di Excel in un account di archiviazione cloud, ad esempio OneDrive, Dropbox o Google Drive.

  3. Crea un'app vuota con layout Telefono.

  4. Aggiungi una connessione alla tabella FlooringEstimates nel file di Excel.

    Per altre informazioni, vedi Aggiungere una connessione.

  1. Nella scheda Inserisci tocca o fai clic su Raccolta, quindi tocca o fai clic su Altezza dinamica.

    Aggiungi raccolta.

  2. Ridimensiona la raccolta in modo da occupare l'intera schermata.

  3. Imposta la proprietà Items della raccolta su FlooringEstimates.

Mostrare i nomi di prodotto

  1. Per selezionare il modello di raccolta, tocca o fai clic sull'icona a forma di matita nell'angolo in alto a sinistra.

    Icona a forma di matita.

  2. Tenendo selezionato il modello di raccolta, aggiungi un controllo Etichetta.

  3. Imposta la proprietà Text del controllo Etichetta su questa espressione:
    ThisItem.Name

    Aggiungere etichetta.

Mostrare le panoramiche sul prodotto

  1. Con il modello di raccolta selezionato, aggiungi un altro controllo Etichetta e spostalo sotto il primo controllo Etichetta.

  2. Imposta la proprietà Text del secondo controllo Etichetta su questa espressione:
    ThisItem.Overview

  3. Con il secondo controllo Etichetta selezionato, tocca o fai clic sull'icona del tag di nome nella scheda Contenuto e rinomina il controllo OverviewText.

    Rinominare l'etichetta.

  4. Imposta la proprietà AutoHeight della casella OverviewText su true.

    Questo passaggio assicura che la casella verrà aumentata o ridotta in base al contenuto.

    Altezza automatico del testo.

Mostrare le immagini del prodotto

  1. Ridimensiona il modello in modo da raddoppiarne l'altezza.

    Puoi aggiungere controlli al modello più facilmente quando compili l'app e questa modifica non influisce sull'aspetto dell'app quando è in esecuzione.

  2. Con il modello di raccolta selezionato, aggiungi un controllo Immagine e spostalo sotto la casella OverviewText.

  3. Assicurati che la proprietà Immagine del controllo Immagine sia impostata su questa espressione:
    ThisItem.Image

  4. Imposta la proprietà Y del controllo Immagine in base alla posizione e alle dimensioni della casella OverviewText, come in questa espressione:
    OverviewText.Y + OverviewText.Height + 5

    App finale.

Se vuoi aggiungere altri controlli, applica lo stesso concetto, cioè imposta la proprietà Y di ciascun controllo in base alle proprietà Y e Altezza del controllo che lo precede.

Passaggi successivi

Leggi altre informazioni su come utilizzare un controllo raccolta e le formule.

Nota

Puoi indicarci le tue preferenze di lingua per la documentazione? Partecipa a un breve sondaggio. (il sondaggio è in inglese)

Il sondaggio richiederà circa sette minuti. Non viene raccolto alcun dato personale (Informativa sulla privacy).