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.
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
Scarica questo file di Excel, che contiene nomi, panoramiche e collegamenti alle immagini dei prodotti di pavimentazione.
Carica il file di Excel in un account di archiviazione cloud, ad esempio OneDrive, Dropbox o Google Drive.
Crea un'app vuota con layout Telefono.
Aggiungi una connessione alla tabella FlooringEstimates nel file di Excel.
Per altre informazioni, vedi Aggiungere una connessione.
Aggiungere dati a una raccolta
Nella scheda Inserisci tocca o fai clic su Raccolta, quindi tocca o fai clic su Altezza dinamica.
Ridimensiona la raccolta in modo da occupare l'intera schermata.
Imposta la proprietà Items della raccolta su FlooringEstimates.
Mostrare i nomi di prodotto
Per selezionare il modello di raccolta, tocca o fai clic sull'icona a forma di matita nell'angolo in alto a sinistra.
Tenendo selezionato il modello di raccolta, aggiungi un controllo Etichetta.
Imposta la proprietà Text del controllo Etichetta su questa espressione:
ThisItem.Name
Mostrare le panoramiche sul prodotto
Con il modello di raccolta selezionato, aggiungi un altro controllo Etichetta e spostalo sotto il primo controllo Etichetta.
Imposta la proprietà Text del secondo controllo Etichetta su questa espressione:
ThisItem.OverviewCon il secondo controllo Etichetta selezionato, tocca o fai clic sull'icona del tag di nome nella scheda Contenuto e rinomina il controllo OverviewText.
Imposta la proprietà AutoHeight della casella OverviewText su true.
Questo passaggio assicura che la casella verrà aumentata o ridotta in base al contenuto.
Mostrare le immagini del prodotto
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.
Con il modello di raccolta selezionato, aggiungi un controllo Immagine e spostalo sotto la casella OverviewText.
Assicurati che la proprietà Immagine del controllo Immagine sia impostata su questa espressione:
ThisItem.ImageImposta 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
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).
Commenti e suggerimenti
https://aka.ms/ContentUserFeedback.
Presto disponibile: nel corso del 2024 verranno dismessi i problemi di GitHub come meccanismo di feedback per il contenuto e verranno sostituiti con un nuovo sistema di feedback. Per altre informazioni, vedere:Invia e visualizza il feedback per