Esempio di Elenco-dettagliList-detail sample

Importante

Questi articolo descrive le funzionalità e il materiale sussidiario disponibili nell'anteprima pubblica, che potrebbero tuttavia subire modifiche sostanziali prima del rilascio della versione disponibile a livello generale.This article describes functionality and guidance that is in public preview and may be substantially modified before it's generally available. Microsoft non riconosce alcuna garanzia, espressa o implicita, in merito alle informazioni qui fornite.Microsoft makes no warranties, express or implied, with respect to the information provided here.

Il modello Elenco-dettagli è composto da un riquadro elenco (in genere con una visualizzazione elenco) e da un riquadro dettagli per il contenuto.The list-detail pattern has a list pane (usually with a list view) and a details pane for content. Quando si seleziona un elemento nell'elenco, il riquadro dettagli viene aggiornato.When an item in the list is selected, the details pane is updated. Questo modello viene spesso usato per l'e-mail e le rubriche.This pattern is frequently used for email and address books.

esempio dell'interfaccia utente dell'app con il modello Elenco-dettagli

Nota

Utilizzo della visualizzazione Elenco-dettagliWhen working on a list-detail view

Quando si passa da uno schermo singolo a una modalità Elenco-dettagli con spanning, assicurarsi di selezionare un elemento che consenta la visualizzazione dettagli. In caso contrario, lo schermo per la visualizzazione dei dettagli risulterà "tagliato" o poco pratico perché sarà necessario l'intervento dell'utente per l'inserimento delle informazioni.Make sure that when you move from a single screen to a spanned list-detail mode, you select an item to show the user for the detail view, otherwise the detail view screen will feel "broken" to the user, or annoying because user action will be needed to fill it with information. È consigliabile usare l'ultimo elemento toccato nella visualizzazione elenco, l'elemento principale nell'elenco oppure l'ultimo elemento modificato e così via.We suggest using the last touched item in the list view, or the top item in the list, or the last modified item, etc.

Valore chiaveKey value

La separazione della navigazione o della panoramica dai dettagli consente agli utenti di eseguire il drill-down del contenuto, tenendo presente la posizione nell'elenco o nell'aggregazione complessiva.Separating navigation or overview from details allows users to drill deeper into content while staying grounded regarding their position in the overall list/aggregate.

Tipi di app che possono trarre vantaggio da questo modelloTypes of apps that may benefit from this pattern

  • App con elenchi o raccolte.Apps that have lists or galleries.
  • App di posta elettronica.Mail apps.
  • App di pianificazione.Scheduling apps.
  • App per la selezione di immagini o foto.Photos or image curation apps.
  • App musicali con playlist e dettagli relativi ai brani.Music apps with playlists and song details.
  • App con una struttura di navigazione avanzata.Apps with strong navigation structure.

Per altre informazioni, vedere la sezione Elenco-dettagli in Introduzione ai dispositivi a doppio schermo.For more info see the list-detail section of Introduction to dual-screen devices.

Provare l'esempioTry our sample

Scaricare l'esempio di Elenco-dettagli da GitHub:Get the list-detail sample on GitHub:

Java:Java: Esempio di Elenco-dettagliList-detail Sample
Kotlin:Kotlin: Esempio di Elenco-dettagliList-detail Sample
C# (Xamarin):C# (Xamarin): Esempio di Elenco-dettagliList-detail Sample

Panoramica del codice sorgenteSource code overview

Presto disponibile...Coming soon...

...with code snippets.