Procedura: costruire un layout dinamico basato su dati

In WPF (Windows Presentation Foundation) sono disponibili controlli che supportano layout dinamici basati su dati. Utilizzando questi controlli con WPF Designer, è possibile creare agevolmente questi tipi di layout. Nelle applicazioni è possibile utilizzare i controlli seguenti:

• ListView

• GridView

Il controllo ListView fornisce l'infrastruttura per la visualizzazione di un set di elementi dei dati in layout diversi. In genere GridView viene utilizzato insieme al controllo ListView per la visualizzazione di dati in colonne. Per ulteriori informazioni, vedere ListView Overview e GridView Overview.

Aggiunta e configurazione di un oggetto ListView

Per aggiungere e configurare un oggetto ListView

1. Dal gruppo Controlli della Casella degli strumenti trascinare un controllo ListView su un pannello, ad esempio Grid.

2. Nella finestra Proprietà impostare le seguenti proprietà per il controllo ListView per massimizzare il comportamento dinamico:

   Proprietà	Valore consigliato
   Larghezza	Auto
   Altezza	Auto
   HorizontalAlignment	Stretch
   VerticalAlignment	Stretch
   Margin	0

3. Scegliere Salva tutto dal menu File.

Aggiunta e configurazione di un oggetto GridView

Per aggiungere e configurare un oggetto GridView

1. In visualizzazione XAML individuare l'elemento ListView, che sarà analogo al seguente:

   <ListView <ATTRIBUTES> />
   

2. Sostituire l'elemento ListView con il markup seguente. Aggiungere nomi e altre colonne, se necessario.

   Nota

   L'elemento ListView e gli elementi GridViewColumn devono avere nomi espliciti se si desidera farvi riferimento dal code-behind. Ad esempio, devono avere nomi espliciti si fa riferimento ad essi dal codice di associazione dati.

   <ListView x:Name="LISTVIEWNAME">
       <ListView.View>
           <GridView AllowsColumnReorder="True">
               <GridViewColumn x:Name="<COLUMNNAME>" Header="<COLUMNHEADER>"></GridViewColumn>
               Add more columns as necessary.
           </GridView>
       </ListView.View>
   </ListView>
   

3. Scegliere Salva tutto dal menu File.

Impostazione della finestra per il ridimensionamento dinamico

La proprietà SizeToContent specifica come vengono modificate le dimensioni di un oggetto Window in base alle dimensioni del relativo contenuto. Per impostazione predefinita, questa proprietà è impostata su Manual, quindi l'utente può ridimensionare manualmente la finestra per adattare il contenuto. Se questa proprietà viene impostata su WidthAndHeight, la finestra viene ridimensionata dinamicamente quando il contenuto cambia.

Per impostare la finestra per il ridimensionamento dinamico

1. Aprire MainWindow.xaml nella finestra di progettazione.

2. In visualizzazione Progettazione selezionare Window.

3. Nella finestra Proprietà impostare le seguenti proprietà per Window:

   Proprietà	Valore
   SizeToContent	WidthAndHeight
   Larghezza	Auto
   Altezza	Auto

   Suggerimento
   Se le proprietà Width e Height vengono impostate su Auto, la finestra viene ridimensionata in base ai controlli e al contenuto correnti. Pertanto, è necessario impostare queste proprietà dopo aver aggiunto tutti i controlli e il contenuto nella finestra.

4. Scegliere Salva tutto dal menu File.

Vedere anche

Attività

Procedura dettagliata: costruzione di un layout dinamico basato sui dati

How to: Display ListView Contents by Using a GridView

Concetti

Sistema di layout

Altre risorse

Utilizzo di Progettazione WPF