Condividi tramite

Disegnare un controllo con intestazione

  • Articolo

I controlli con intestazione dispongono di una proprietà Header utilizzata per etichettare il controllo. Tale proprietà può essere semplice come una stringa di testo o complessa come un oggetto di Microsoft .NET Framework. I controlli con intestazione possono inoltre visualizzare contenuto o un insieme di elementi, a seconda del tipo di controllo che si sta utilizzando. Ad esempio, un elemento TabItem all'interno di un TabControl è un controllo contenuto con intestazione mentre ToolBar e MenuItem sono entrambi controlli elementi con intestazione.

Nella procedura seguente viene illustrato come creare controlli contenuto con intestazione (controlli TabItem) in un controllo elementi TabControl). È inoltre possibile utilizzare questa procedura con altri controlli contenuto con intestazione elencati nella sezione "Types" (Tipi) dell'argomento HeaderedContentControl Types Cc295310.xtlink_newWindow(it-it,Expression.40).png (Tipi HeaderedContentControl) su MSDN. I controlli elementi con intestazione sono elencati nell'argomento Tipi HeaderedItemsControl Cc295310.xtlink_newWindow(it-it,Expression.40).png su MSDN.

Per creare un controllo contenuto con intestazione

  1. Nel pannello Strumenti sul lato sinistro della finestra dell'applicazione Microsoft Expression Blend, fare clic su AssetCc295310.0d8b8d29-1af9-418f-8741-be3097d76eab(it-it,Expression.40).png Nella categoria Controlli selezionare TabControl Cc295310.f13847cd-7fdf-4757-a648-d5ece98fcaea(it-it,Expression.40).png dall'elenco.

    L'icona del controllo TabControl verrà visualizzata al di sotto del pulsante Asset e risulterà selezionata, in modo da consentire l'aggiunta di un controllo TabControl alla tavola da disegno.

    tip noteSuggerimento:

    Gli elementi più comuni dell'interfaccia utente, ad esempio il controllo Button, sono già visualizzati negli elenchi a discesa disponibili sotto il pulsante Asset e possono quindi essere aggiunti rapidamente.

  2. Per aggiungere un oggetto TabControl alla tavola da disegno, fare doppio clic sull'icona relativa al controllo TabControl. Per impostazione predefinita, TabControl contiene due oggetti TabItem.

    Oggetto TabControl creato nella tavola da disegno con le dimensioni e la posizione (in alto a sinistra) predefinite

    Cc295310.b5763b4e-3032-468e-bbdf-42057fd0cb08(it-it,Expression.40).png

    tip noteSuggerimento:

    È possibile aggiungere altri oggetti TabItem all'oggetto TabControl se si desidera. Nel pannello Oggetti e sequenza temporale fare clic con il pulsante destro del mouse sull'oggetto TabControl, quindi scegliere Aggiungi TabItem.

  3. Nella tavola da disegno, ingrandire il controllo struttura a schede tenendo premuto il tasto CTRL e trascinando il punto di controllo di ridimensionamento nell'angolo in basso a destra. Ingrandire il controllo TabControl in modo sufficiente per consentire la visualizzazione di tre schede lungo la parte superiore.

    tip noteSuggerimento:

    In alternativa, è possibile ridimensionare TabControl impostando le proprietà Height e Width nella categoria Layout del pannello Proprietà.

  4. Per assegnare un nome a uno degli oggetti TabItem, selezionare l'oggetto nel pannello Oggetti e sequenza temporale, quindi digitare un nome per la proprietà Header nella categoria Proprietà comuni del pannello Proprietà. Assegnare, ad esempio, al primo oggetto TabItem il nome Informazioni personali.

    tip noteSuggerimento:

    In alternativa, è possibile utilizzare un altro controllo, ad esempio un controllo Image come intestazione per TabItem. Nel pannello Oggetti e sequenza temporale, espandere l'oggetto TabItem, quindi fare clic sull'oggetto Header per attivarlo. È possibile aggiungere un controllo Image dal pannello Strumenti o dal pannello Progetti.

  5. Per aggiungere contenuto a uno degli oggetti TabItem, attivare l'oggetto facendo doppio clic su di esso nel pannello Oggetti e sequenza temporale.

  6. Nel pannello Strumenti fare doppio clic su StackPanel Cc295310.ec58af86-cc2a-4e1f-91c0-883c5406fdfb(it-it,Expression.40).png per aggiungere un oggetto StackPanel all'oggetto TabItem.

  7. Nel pannello Oggetti e sequenza temporale fare clic sull'oggetto StackPanel per attivarlo. A questo punto, è possibile aggiungere all'oggetto TabItem tutti gli oggetti desiderati. È possibile, ad esempio, aggiungere un controllo TextBlock o ListBox dal pannello Strumenti.

  8. Se si desidera aggiungere un bordo e un'intestazione all'intero oggetto TabControl, è possibile utilizzare un altro controllo contenuto con intestazione, ovvero il controllo GroupBox. Con l'oggetto LayoutRoot attivo nel pannello Oggetti e sequenza temporale, selezionare il controllo GroupBox nel pannello Asset, quindi utilizzare il mouse per disegnare il controllo nella tavola da disegno, con dimensioni leggermente maggiori rispetto a quelle dell'oggetto TabControl.

  9. Per rendere l'oggetto TabControl un oggetto figlio dell'oggetto GroupBox, trascinare l'oggetto TabControl sull'oggetto GroupBox nel pannello Oggetti e sequenza temporale.

  10. Cambiare il titolo dell'oggetto GroupBox selezionandolo nel pannello Oggetti e sequenza temporale e cambiando quindi la proprietà Header nella categoria Proprietà comuni del pannello Proprietà.

  11. Generare il progetto (F5) per visualizzare l'applicazione risultante.

    Per un esempio completo che include il codice che risponde agli elementi selezionati nell'oggetto ListBox, vedere Esempio di GroupBox Cc295310.xtlink_newWindow(it-it,Expression.40).png su MSDN. Il codice di esempio è incluso nel pacchetto "WPFSamples.exe" disponibile sul sito Esempi di Windows SDK per .NET Framework 3.0 Cc295310.xtlink_newWindow(it-it,Expression.40).png.

Copyright © 2011 Microsoft Corporation. Tutti i diritti riservati.