大家好,好久不写博客了,这几天比较闲在,想了想把最近学习WPF和项目中用到的一些控件啊和知识分享给大家。
在项目中我们经常用到时间选择器,winfrom中就有datetimepicker这个控件,但是wpf中只能选择到天,不能选择时分秒,在网上找了半天也没有发现一个合适的,于是准备自己写一个,但是呢自己写又觉得可能不是很美观就想着从GitHub上找一个模板来自己改一下,我在GitHub上边是这样搜索的:
然后选择关于C#的那一栏,然后就开始了漫长的寻找之旅………
最终,我找到了一个还算比较合适的,那么马上进行修改吧。(
我用的那个是哪个我也忘了,有知道的小伙伴记得留言告诉我,我在博客中加上人家的GitHub地址
)
- 首先在vs你的项目中创建一个关于自定义控件的类库,并添加如下引用(一定要引用全,不然会报错的):
-
第二步,把从GitHub上下载下来的项目提取你需要的那一部分(哈哈,感觉有点无耻),这个DateTimePicker文件夹下的就是咱们所需要的了:
下面的图就是整个的组成:
DateTimePicker.xaml 其实就是一个文本框,然后点击文本框使用pop弹出TDateTimeView.xaml
-
第三步,对DateTimePicker.xaml进行修改,因为在项目中引用咱们肯定是只用DateTimePicker.xaml的,所以要对DateTimePicker.xaml的一些属性进行修改来符合咱们的使用条件,有可能也需要加到一些新功能。因为我们项目时MVVM架构的,所以获得时间的值-DateTimeStr 是不能传递给咱们的后台的,所以需要把DateTimeStr改为依赖属性(这个网上都是有的)
/// <summary> /// 日期时间 /// </summary> public string DateTimeStr { get { return (string)GetValue(DateTimeProperty); } set { SetValue(DateTimeProperty, value); } } // Using a DependencyProperty as the backing store for DateTimeText. This enables animation, styling, binding, etc... public static readonly DependencyProperty DateTimeProperty = DependencyProperty.Register("DateTimeStr", typeof(string), typeof(DateTimePicker));
有时候呢,咱们可能也需要时间改变后能通知后台进行一些操作,这就需要用到命令,原来的DateTimePicker.xaml用的是TextBlock这个文本框,咱们需要改成TextBox 因为这个文本框有TextChanged这个事件,咱们可以通过这个事件来触发时间更改的命令,下边是添加的命令和TextChanged事件触发后的方法:
public ICommand TimeChangeCommand { get { return (ICommand)GetValue(TimeChangeCommandProperty); } set { SetValue(TimeChangeCommandProperty, value); } } // Using a DependencyProperty as the backing store for SearchCommand. This enables animation, styling, binding, etc... public static readonly DependencyProperty TimeChangeCommandProperty = DependencyProperty.Register("TimeChangeCommand", typeof(ICommand), typeof(DateTimePicker), new PropertyMetadata(null)); /// <summary> /// The delete event /// </summary> public static readonly RoutedEvent TimeTextChangedEvent = EventManager.RegisterRoutedEvent("TimeTextChanged", RoutingStrategy.Bubble, typeof(RoutedEventHandler), typeof(DateTimePicker)); /// <summary> /// 时间改变的操作. /// </summary> public event RoutedEventHandler TimeTextChanged { add { AddHandler(TimeTextChangedEvent, value); } remove { RemoveHandler(TimeTextChangedEvent, value); } } public void TimeTextChanged_Click(object sender, TextChangedEventArgs e) { ButtonAutomationPeer bam = new ButtonAutomationPeer(TimeChangeBtn); IInvokeProvider iip = bam.GetPattern(PatternInterface.Invoke) as IInvokeProvider; iip.Invoke(); }
因为DateTimePicker.xaml只有一个文本框不是很美观也不能突出他是一个DateTimePicker的选择器,所以咱们在文本框的末尾加一个时间选择器的小图标,这个
图标的路径使用的是你引用这个自定义控件的项目下的路径,这个要注意。
至此,咱们这个时间选择器就修改完了,让我们在项目中使用来体验一下,具体的使用方式我在demo里都写好了,项目的源代码我放在了文章的末尾,是用VS2013编译的,需要自取哦,如果解决了你的问题的话记得给我点个赞,富裕的大佬记得给个赞赏(此时脸皮贼厚)。
下载地址:
WPF_DateTimePicker.zip – 蓝奏云
推荐一个开源的wpf控件库 handycontrol,上边的时间控件和其他控件更好,有需要的可以去看看