WPF – il controllo ComboBox

Questo testo fa parte del capitolo 27 del libro “Visual Basic 2010 spiegato a mia nonna” che sarà pubblicato fra poche settimane. Trovate l’esempio di codice tra gli esempi liberamente scaricabili al seguente indirizzo:https://deghetto.wordpress.com/2011/02/05/libro-visual-basic-2010-spiegato-a-mia-nonna/

Il controllo ComboBox è sostanzialmente una casella a discesa che mostra un elenco di scelte possibili tra quelle preimpostate. Nella seguente figura è possibile vedere il controllo in fase di progettazione.

La definizione XAML predefinita è la seguente:

 

   1:  <ComboBox

   2:    Height="23"

   3:    HorizontalAlignment="Left"

   4:    Margin="10,10,0,0"

   5:    Name="ComboBox1"

   6:    VerticalAlignment="Top"

   7:    Width="120" />

 

Vediamo, ora, come di consueto un esempio di utilizzo di un controllo ComboBox. Create una nuova applicazione WPF e sostituite il codice XAML con il seguente:

   1:  <!-- Esempio: 27.05 -->

   2:    <Window x:Class="MainWindow"

   3:      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

   4:      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

   5:      Title="MainWindow" Height="88" Width="313">

   6:      <Grid>

   7:        <ComboBox

   8:          <Height="23"

   9:            HorizontalAlignment="Left"

  10:            Margin="10,10,0,0"

  11:            Name="ComboBox1"

  12:            VerticalAlignment="Top"

  13:            Width="270">

  14:          <ComboBoxItem

  15:            Name="Scelta1"

  16:            Content="Scelta n. 1" />

  17:          <ComboBoxItem

  18:            Name="Scelta2"

  19:            Content="Scelta n. 2" />

  20:          <ComboBoxItem

  21:            Name="Scelta3"

  22:            Content="Scelta n. 3" />

  23:          <ComboBoxItem

  24:            Name="Scelta4"

  25:            Content="Scelta n. 4" />

  26:          <ComboBoxItem

  27:            Name="Scelta5"

  28:            Content="Scelta n. 5" />

  29:        </ComboBox>

  30:      </Grid>

  31:    </Window>

 

Il codice Visual Basic, invece, è il seguente:

   1:  ' Esempio: 27.05

   2:  Class MainWindow

   3:    Private Sub ComboBox1_DropDownClosed(

   4:        ByVal sender As Object,

   5:        ByVal e As System.EventArgs) _

   6:        Handles ComboBox1.DropDownClosed

   7:      MessageBox.Show(

   8:        "Hai selezionato la voce: " &

   9:        Me.ComboBox1.Text)

  10:    End Sub

  11:  End Class

 

Infine, ecco il risultato nella seguente figura.