Utilizzo di controlli comuni WPF

Aggiornamento: novembre 2007

In questa lezione verranno fornite informazioni su alcuni controlli comuni Windows Presentation Foundation (WPF) disponibili nella Casella degli strumenti quando si crea un progetto Applicazione WPF.

WPF consente di creare interfacce utente visivamente avanzate per le applicazioni. Anche i controlli tipici in genere presenti in un'applicazione Windows Form standard vengono migliorati nelle applicazioni WPF.

La modalità più facile per aggiungere controlli WPF all'applicazione consiste nel trascinarli dalla Casella degli strumenti nell'area di progettazione. Nello stato predefinito, i controlli sono molto simili ai controlli presenti in un'applicazione Windows Form. I controlli in WPF supportano stili e modelli che consentono di creare applicazioni visivamente accattivanti. Per modificare l'aspetto di un controllo, è possibile modificarne le proprietà nella finestra Proprietà. È anche possibile modificare l'aspetto di un controllo aggiungendovi stili e attributi nell'editor XAML. La scrittura di XAML per conto proprio può essere difficile, pertanto potrebbe essere necessario utilizzare un'applicazione in grado di generare XAML automaticamente, ad esempio Expression Blend. Per ulteriori informazioni, vedere Collaborazione con Expression Blend.

Procedura

Per aggiungere un controllo alla finestra WPF

1. Scegliere Nuovo progetto dal menu File.

2. Nel riquadro Modelli della finestra di dialogo Nuovo progetto, fare clic su Applicazione WPF.

3. Nella casella Nome, digitare WPFControls, quindi fare clic su OK.

4. Verrà creato un nuovo progetto Windows Presentation Foundation.

5. Dalla Casella degli strumenti, trascinare un controllo TextBox nel lato superiore destro della finestra WPF.

6. Selezionare il controllo TextBox.

7. Nella finestra Proprietà impostare le seguenti proprietà per la casella di testo.

   Proprietà	Valore
   VerticalAlignment	Top
   Width	75
   Height	26

8. Aggiungere un controllo Button alla finestra WPF, accanto alla casella di testo.

9. Modificare il testo racchiuso tra i tag Button di apertura e di chiusura nell'editor XAML da Button in Add, come illustrato nell'esempio seguente.

   <Button Height="23" HorizontalAlignment="Right" Margin="0,59,35,0" 
       Name="Button1" VerticalAlignment="Top" 
       Width="75">Add</Button>
   

   Il testo sul pulsante verrà modificato dopo l'immissione del nuovo valore.

10. Aggiungere un controllo ListBox alla finestra WPF visualizzata sotto alla casella di testo.

11. Fare doppio clic sul pulsante per entrare nel gestore eventi predefinito e aggiungere il codice seguente:

    If TextBox1.Text IsNot "" Then
        ListBox1.Items.Add(TextBox1.Text)
        TextBox1.Text = ""
    End If
    

12. Premere F5 per eseguire il programma. Verrà visualizzata una finestra contenente la casella di testo, la casella di riepilogo e il pulsante appena aggiunti.

13. Digitare un testo nella casella di testo, quindi fare clic sul pulsante Aggiungi. Verificare che il testo sia stato aggiunto nella casella di testo.

14. Aggiungere un ulteriore testo nella casella di testo.

Controlli WPF

Nella tabella riportata di seguito vengono mostrati i controlli WPF più comuni che è possibile trovare nella scheda Controlli comuni della Casella degli strumenti.

Nome del controllo	Descrizione
System.Windows.Controls.Border	Visualizza un bordo intorno al contenuto.
System.Windows.Controls.Button	Consente a un utente di eseguire un'azione facendo clic su un pulsante. L'evento Buttonbase.Click si verifica quando si fa clic su un oggetto Button.
System.Windows.Controls.CheckBox	Consente a un utente di selezionare e deselezionare una casella di controllo per indicare un valore Yes/No o True/False.
System.Windows.Controls.ComboBox	Consente a un utente di selezionare un elemento da un elenco a discesa. L'elenco viene visualizzato quando l'utente fa clic su una freccia a discesa.
System.Windows.Controls.Grid	Definisce un'area flessibile della griglia costituita da colonne e righe.
System.Windows.Controls.Image	Consente di visualizzare un'immagine.
System.Windows.Controls.Label	Visualizza il testo in un form Fornisce supporto per i tasti di scelta.
System.Windows.Controls.ListBox	Consente a un utente di selezionare un elemento da un elenco.
System.Windows.Controls.RadioButton	Consente a un utente di scegliere tra elementi che si escludono a vicenda. La selezione di un pulsante di opzione esclude qualsiasi altro pulsante di opzione nello stesso contenitore.
System.Windows.Controls.StackPanel	Consente di sovrapporre i controlli figlio verticalmente o orizzontalmente.
System.Windows.Control.TabControl	Consente di disporre contenuto visivo in formato tabulare.
System.Windows.Controls.TextBox	Visualizza testo non formattato e consente agli utenti di immettere testo.

I controlli aggiuntivi disponibili nella Casella degli strumenti includono:

• Controlli contenitore, quali Canvas, DockPanel e Frame.

• Menu e barre degli strumenti, quali Menu, ToolBar e StatusBar.

• Controlli documento, quali DocumentViewer e FlowDocumentPageViewer.

• Altri elementi.

Passaggi successivi

In questa lezione sono state fornite informazioni sui controlli comuni WPF disponibili nella Casella degli strumenti. È stata inoltre illustrata la possibilità di personalizzare questi controlli in modo da renderli visivamente accattivanti.

Nella lezione successiva verrà descritto come creare gestori eventi per un controllo WPF.

Lezione successiva: Creazione di gestori eventi per i controlli WPF

Vedere anche

Attività

Progettazione di un'interfaccia utente per un'applicazione WPF (Visual Basic)

Procedura: creare un nuovo progetto di applicazione WPF

Procedura: impostare i margini per un controllo in Progettazione WPF

Concetti

Cenni preliminari su Progettazione WPF

Altre risorse

Creazione dell'aspetto visivo del programma: introduzione a Windows Presentation Foundation

Utilizzo dei controlli in Progettazione WPF