WPF – Il controllo DatePicker

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/

Un controllo DatePicker permette di selezionare una data da un calendario che appare quando si clicca sull’icona presente sul lato destro del controllo stesso.

Il controllo DatePicker in fase di progettazione:

La definizione XAML predefinita è la seguente:

   1: <DatePicker 

   2:   Height="25" 

   3:   HorizontalAlignment="Left" 

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

   5:   Name="DatePicker1" 

   6:   VerticalAlignment="Top" 

   7:   Width="115" />

 

Vediamo quindi un esempio di come si seleziona una data e come si ottiene la data selezionata. Il seguente codice XAML prepara l’aspetto grafico dell’applicazione:

   1: <!-- Esempio: 27.18 -->

   2: <Window x:Class="MainWindow"

   3:     xmlns=

   4: "http://schemas.microsoft.com/winfx/2006/xaml/presentation"

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

   6:     Title="MainWindow" Height="176" Width="549">

   7:     <Grid>

   8:     <DatePicker 

   9:       HorizontalAlignment="Left" 

  10:       Margin="36,54,0,50" 

  11:       Name="DatePicker1" 

  12:       Width="232" 

  13:       FontSize="20" />

  14:     <TextBox 

  15:       Height="35" 

  16:       HorizontalAlignment="Left" 

  17:       Margin="302,67,0,0" 

  18:       Name="TextBox1" 

  19:       VerticalAlignment="Top" 

  20:       Width="191" 

  21:       FontSize="20" />

  22:     <Label 

  23:       Content="Data selezionata:" 

  24:       Height="36" 

  25:       HorizontalAlignment="Left" 

  26:       Margin="302,33,0,0" 

  27:       Name="Label1" 

  28:       VerticalAlignment="Top" 

  29:       FontSize="20" />

  30:   </Grid>

  31: </Window>

Il seguente codice Visual Basic permette di visualizzare in un controllo TextBox la data selezionata nel controllo DatePicker:

   1: 'Esempio: 27.18

   2: Class MainWindow 

   3:   Private Sub DatePicker1_SelectedDateChanged(

   4:       ByVal sender As Object,

   5:       ByVal e As  _

   6:         System.Windows.Controls.SelectionChangedEventArgs) _

   7:       Handles DatePicker1.SelectedDateChanged

   8:     Me.TextBox1.Text =

   9:       Me.DatePicker1.SelectedDate.ToString

  10:   End Sub

  11: End Class

 

Infine, potete vedere il risultato nella seguente figura.