wp7控件使用大全(3) ――DatePicker,TimePicker

1. 顾名思义,DatePicker是一个日期选择控件。用于日期筛选等场景。


 

 

2.引入方法要使用该控件我们必须引入 Microsoft.Phone.Controls.Toolkit.dll,关于如何引入该dll,链接如下:

http://sxchao.blog.51cto.com/907640/850354


DatePicker类层次结构如下图

TimerPicker类层次结构如下图: 

他们都于父类DateTiemPickerBase,所以他们拥有很多相同的属性。下面重点讲述DatePicker使用方法,TimerPicker同理可得.

3.在xaml当中如何引入该控件

  
  
  
  
  1. xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"  


设置Datepicker时间为 2010年2月3日

  
  
  
  
  1. <toolkit:TimePicker x:Name="timePicker" Value="14:20"/> 

 


设置TimePicker时间为 2010年2月3日

  
  
  
  
  1.  
  1. <toolkit:DatePicker x:Name="datePicker" Header="DatePicker" Value="2/3/2010" />                


 

4.在cs代码当中动态生成DatePicker,TimePicker同理

  
  
  
  
  1. using Microsoft.Phone.Controls;  // 同样先要引入命名空间 
  2.  
  3. DatePicker datePicker = new DatePicker(); //省略相关属性设置

如果要展示该控件 ,需要将该控件添加到父控件当中,才能显示,ContentPanel 为父控件Name

  
  
  
  
  1. this.ContentPanel.Children.Add(datePicker); 


5.相关属性

Header="sxchao2008博客",设置 datepicker 标题



PickerPageUri  跳转到自定义日期,时间选择页面。

  
  
  
  
  1. <toolkit:DatePicker x:Name="datePicker1" Header="sxchao2008博客" Value="2/3/2010" 
  2.             PickerPageUri="/DatePickerDemo;component/CustomPage.xaml" /> 


Value  设置 控件显示日期

  
  
  
  
  1. <toolkit:DatePicker x:Name="datePicker" Value="5/10/2012"/> 


ValueString 显示所选日期。

  
  
  
  
  1. void picker_ValueChanged(object sender, DateTimeValueChangedEventArgs e) 
  2.     { 
  3.  
  4.         this.textBlock.Text = datePicker.ValueString; 
  5.     } 


关键事件

ValueChanged,当日期值改变时触发

  
  
  
  
  1. this.datePickerStartDate.ValueChanged+=new EventHandler<DateTimeValueChangedEventArgs>(datePickerStartDate_ValueChanged);  

private void datePickerStartDate_ValueChanged(object sender, DateTimeValueChangedEventArgs e)

{ getData(); }


需要注意的是:当在xmal当中添加控件后,会出现如下图情况



这是因为2个图标没有添加进来,我们选择好图标,放在该位置下即可,其中ApplicationBar.Cancel 为取消按钮图片, ApplicationBar.Check为确定按钮图片


 

 

本文如需转载,请用以下方式联系,并注明出sxchao2008

MSN:[email protected]

Email:[email protected]

 

 

你可能感兴趣的:(Datepicker,TimePicker,wp7)