Questa proprietà è in grado di accettare qualsiasi enumeratore, e quindi anche una lista di oggetti complessi; supponiamo allora di avere una classe Book, ad esempio come quello che segue:

public class Book 
{ 
    public string Title { get; set; } 
    public string Author { get; set; } 
    public string ImageUrl { get; set; } 
    public bool Published { get; set; } 
    public DateTime PublishDate { get; set; } 
} 

e di collegarne una lista ad una ListBox. Un binding simile a quello dell'esempio precedente con un insieme di quattro libri,

this.lstBooks.ItemsSource = Book.GetSomeBooks();

produce un risultato che non è esattamente ciò che ci si aspetterebbe:

La ragione sta nel fatto che, essendo Book un tipo complesso, è necessario quantomeno fornire alla ListBox indicazione di quale proprietà visualizzare:

<ListBox x:Name="lstBooks" Margin="10" Width="300" DisplayMemberPath="Title" />

Lo snippet di codice precedente mostra l'elenco dei titoli dei Book presenti in lista, rendendo decisamente più comprensibile il dato visualizzato:

La vera peculiarità di Silverlight consiste, però, nella possibilità di personalizzare a totale piacimento il template del singolo elemento, come mostrato nel codice XAML seguente:

<ListBox x:Name="lstBooksFancy" Margin="10"> 
    <ListBox.ItemTemplate> 
        <DataTemplate> 
            <StackPanel Orientation="Horizontal" Margin="5"> 
                <Image Source="{Binding ImageUrl}" Width="60" Height="60" /> 
                <StackPanel Margin="5"> 
                    <TextBlock FontWeight="Bold" FontSize="12" Text="{Binding Title}" /> 
                    <TextBlock FontStyle="Italic" FontSize="9" Text="{Binding Author}" /> 
                </StackPanel> 
            </StackPanel> 
        </DataTemplate> 
    </ListBox.ItemTemplate> 
</ListBox> 

In questo caso si è scelto di assegnare alla proprietà ItemTemplate una struttura personalizzata, costituita da diversi oggetti, collegati tramite Binding (si noti l'utilizzo della markup extension) con il singolo elemento, ossia un'istanza della classe Book. Nella fattispecie, sono state utilizzati un controllo Image per l'immagine di copertina e due TextBlock contenenti rispettivamente il titolo e l'autore, organizzando il layout tramite due StackPanel. Il risultato grafico, senza cambiare nulla nel codice C#, è decisamente più professionale!

Contenuti dell'articolo

• Pagina 1
  • Controlli di Layout
  • Canvas
  • StackPanel
  • Grid
• Pagina 2
  • Controlli di Input/output e multimediali
  • DatePicker e Calendar
  • ListBox
• Pagina 4
  • DataGrid
• Pagina 5
  • MediaElement
  • Conclusioni

• Deepzoom in Silverlight 2.0
• ADO.NET Data Service al servizio di Silverlight 2.0
• Accesso ai dati in Silverlight 2.0
• Hello Silverlight 2.0, again!
• Principi di programmazione in Silverlight 1.0
• 3, 2, 1: azione! Le animazioni in Silverlight
• XAML per Silverlight - Seconda parte
• XAML per Silverlight - Prima parte
• Hello World Silverlight!

Aggiungi un nuovo commento »»»
Per inserire un commento, devi registrarti alla nostra community.