Applicare uno stile a un controllo che visualizza dati
I dati vengono visualizzati associando elementi di dati a oggetti sulla tavola da disegno. È possibile associare elementi di dati alle proprietà di qualsiasi oggetto, ad esempio per associare un valore stringa che rappresenta il valore esadecimale di un colore alla proprietà Background di un rectangle oppure per associare un insieme di elementi di dati alla proprietà ItemsSource di un oggetto ListBox.
Per applicare uno stile a un oggetto che visualizza dati, è possibile modificare le proprietà dell'oggetto oppure, se l'oggetto supporta i modelli, modificare uno dei modelli applicati all'oggetto stesso.
Modifica delle proprietà di un oggetto nel pannello Proprietà
Quando si seleziona un oggetto nella tavola da disegno, è possibile modificare valori nel pannello Proprietà per cambiare l'aspetto o altre caratteristiche dell'oggetto.
È possibile nidificare, ad esempio, le intestazioni di ciascuna delle colonne di un oggetto DataGrid dopo aver associato dei dati all'oggetto.
Modifica del testo delle intestazioni colonna in un oggetto DataGrid
.png "Cc294682.a2cebe0b-dc3d-45d5-9a30-23639e4bef48(it-it,Expression.40).png")
È inoltre possibile utilizzare la proprietà AlternatingRowBackground in un oggetto DataGrid per specificare colori alternati per le righe.
Utilizzo di colori alternati per le righe di un oggetto DataGrid
.png "Cc294682.0547a4e7-d415-4589-99af-dbfdc369a793(it-it,Expression.40).png")
Per informazioni generali sulla modifica di oggetti, vedere Utilizzo di oggetti e proprietà.
Per informazioni specifiche sulle proprietà di oggetti specifici, vedere gli argomenti relativi alle librerie di classi per Windows Presentation Foundation (iniziando dallo Spazio dei nomi System.Windows.Controls .png "Cc294682.xtlink_newWindow(it-it,Expression.40).png")
) e Microsoft Silverlight (iniziando dallo Spazio dei nomi System.Windows.Controls ) su MSDN.
Modifica di uno dei modelli applicati all'oggetto
Se l'oggetto è un controllo che utilizza modelli, è possibile modificare il modello per cambiare l'aspetto di tale oggetto e di tutti gli altri oggetti che utilizzano gli stessi modelli.
Per la maggior parte dei controlli, vengono utilizzati più modelli per diverse parti del controllo. Il controllo ListBox, ad esempio, utilizza vari modelli nidificati per applicare stili a ciascuna parte di ListBox: un visualizzatore a scorrimento, le barre di scorrimento e i relativi cursori, nonché i pulsanti per le pagine.
Nidificazione di modelli nel controllo ListBox
.png "Cc294682.b8a37dc0-a65e-4fe1-8a9f-df485bb1bbae(it-it,Expression.40).png")
.png "Cc294682.095c13e8-6ed8-4572-9bd2-b2d6bdfdf199(it-it,Expression.40).png") |
Un controllo ListBox. Il controllo ListBox è un contenitore per un elenco di oggetti, associato a elementi in un'origine dati oppure che visualizza singoli oggetti non associati. |
.png "Cc294682.e1a62fcf-2f5c-4263-95fe-a9bf97616b85(it-it,Expression.40).png") |
Un controllo ScrollViewer all'interno del modello ListBox. |
.png "Cc294682.b36987f6-e914-4b58-99f2-a76c47128837(it-it,Expression.40).png") |
Un elemento non associato nel controllo ListBox. |
.png "Cc294682.41999197-e26c-42b9-8039-58ce07f5b5ba(it-it,Expression.40).png") |
Un controllo ScrollBar verticale all'interno del modello ScrollViewer. |
.png "Cc294682.a5d608f2-bba2-48c5-8b15-2c115db86acc(it-it,Expression.40).png") |
Un controllo Thumb verticale all'interno del modello ScrollBar. |
.png "Cc294682.15de085f-48f5-41dd-a286-e3dcb4cfd18b(it-it,Expression.40).png") |
Un controllo RepeatButton verticale all'interno del modello ScrollBar per diminuire il valore del controllo ScrollBar in grandi incrementi. |
.png "Cc294682.1d2fe38a-3fd8-4951-b978-7e44b6f2401d(it-it,Expression.40).png") |
Un controllo RepeatButton verticale all'interno del modello ScrollBar per diminuire il valore del controllo ScrollBar in piccoli incrementi. |
Il controllo ListBox include inoltre un modello di dati che consente di applicare stili agli elementi visualizzati in ciascuna riga dell'oggetto. Il modello di dati è specifico per gli elementi che vengono associati all'oggetto. Se ad esempio si trascinano un elemento di dati stringa e un elemento dati immagine dal pannello Dati in un oggetto ListBox, il modello di dati conterrà un oggetto TextBlock per la visualizzazione della stringa e un oggetto Image per la visualizzazione del file immagine. È possibile applicare stili a questi oggetti nel modello di dati.
Il modello dati di un oggetto ListBox associato a dati
.png "Cc294682.25738f24-f008-4283-9172-de0a0fbd81bf(it-it,Expression.40).png")
È possibile rendere l'aspetto di un controllo molto diverso dal proprio aspetto predefinito. L'aspetto predefinito di un oggetto ListBox, ad esempio, è analogo al seguente:
Un oggetto ListBox che utilizza il modello predefinito
.png "Cc294682.f3190de1-098e-4dc0-bc1d-4a44d091685f(it-it,Expression.40).png")
Mediante la modifica dei modelli, tuttavia, è possibile fare in modo che un oggetto ListBox risulti molto simile al seguente (dall'esempio ColorSwatchSL incluso in Microsoft Expression Blend):
L'oggetto ListBox con l'utilizzo di due modelli modificati (ItemContainerStyle e ItemsPanel)
.png "Cc294682.0a581ba0-08e1-4116-91bf-d1309c645ae0(it-it,Expression.40).png")
Per accedere ai modelli applicati agli oggetti, fare clic con il pulsante destro del mouse sull'oggetto o selezionarlo e utilizzare la barra di navigazione nella parte superiore della tavola da disegno.
Apertura di un modello mediante la barra di navigazione
.png "Cc294682.a7257528-6a90-47ac-8c31-ad3422395f38(it-it,Expression.40).png")
All'interno di un modello è possibile aggiungere, rimuovere e modificare oggetti procedendo esattamente come se si lavorasse all'esterno di un modello. La funzionalità del controllo ListBox rimane la stessa: contiene un elenco di elementi, che possono essere selezionati individualmente o in gruppi.
Per esempi specifici di modifica dei modelli di dati, vedere Utilizzare il controllo DataGrid e Utilizzare il controllo TreeView.
Per ulteriori informazioni generali sull'applicazione di stili ai controlli, vedere Applicazione di stili agli oggetti.
Per informazioni dettagliate sulle parti di un controllo o di un modello, vedere Suggerimenti di stile per controlli di Silverlight comuni oppure vedere gli argomenti relativi alla libreria di classi per Windows Presentation Foundation (iniziando dallo Spazio dei nomi System.Windows.Controls Namespace ) e Silverlight (iniziando dalla pagina System.Windows.Controls Namespace (Spazio dei nomi System.Windows.Controls) ) in MSDN.
Sono inoltre disponibili esercitazioni e video sull'applicazione di stili ai controlli sul sito Web Learn Expression Blend (Apprendere Expression Blend) .
Vedere anche
Concetti
Suggerimenti stilistici per il controllo ListBox
SimpleListBox e SimpleListBoxItem
Applicazione di stili agli oggetti
Copyright © 2011 Microsoft Corporation. Tutti i diritti riservati.