WPF UserControl添加Command

最新推荐文章于 2024-07-31 12:04:42 发布

光立新

最新推荐文章于 2024-07-31 12:04:42 发布

阅读量1.6k

点赞数

分类专栏： WPF C# MVVM 文章标签： wpf c# MVVM

本文链接：https://blog.csdn.net/qq_33255400/article/details/125067692

版权

WPF 同时被 3 个专栏收录

5 篇文章 0 订阅

订阅专栏

5 篇文章 0 订阅

订阅专栏

MVVM

1 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何创建一个模仿手机时间选择的WPF TimePicker控件，该控件支持触摸滚动效果，并且拥有一个自定义的Time类型。控件的关键特性是实现了SelectedTime依赖属性和Command功能，允许用户将TimePicker的选择结果绑定到一个命令，方便与其他逻辑交互。此外，博主还分享了关键代码段，展示了如何在时间改变时触发Command执行。

摘要由CSDN通过智能技术生成

前一段时间，自己搞了个TimePicker控件。为了方便在工控机上使用，在选择时间时仿照手机上时间的选择做了个可以触摸滚动的效果。

当前选择的时间实现了一个依赖属性SelectedTime。这个属性的类型是我自己定义的一个Time类型。这个类是仿照DateTime实现的，虽然没有全部实现DateTime 的功能把。目前满足我的需求。

然后如果想要使用这个控件，可以将一个Time类型的变量绑定到这个SelectedTime属性。

选中时间后为了方便与程序中其他逻辑做通信。实现了Command和CommandParameter。这个Command在时间修改后将触发。可以将一些选中事件后需要做的操作放到一个你自己定义的Command中，并将这个Command绑定到这个Command上。

下面这是我做的控件，主体样式是仿照WPF自带的DateTimePicker做的。

下面是一些关键代码

        /// <summary>
        /// 获取或设置Command的值
        /// </summary>  
        public ICommand Command
        {
            get { return (ICommand)GetValue(CommandProperty); }
            set { SetValue(CommandProperty, value); }
        }
        /// <summary>
        /// 获取或设置CommandParameter的值
        /// </summary>  
        public object CommandParameter
        {
            get { return (object)GetValue(CommandParameterProperty); }
            set { SetValue(CommandParameterProperty, value); }
        }

        public static readonly DependencyProperty CommandProperty =
        DependencyProperty.Register("Command", typeof(ICommand), typeof(TimePicker), new PropertyMetadata(null, OnCommandChanged));
        public static readonly DependencyProperty CommandParameterProperty =
        DependencyProperty.Register("CommandParameter",typeof(object),typeof(TimePicker),new PropertyMetadata(null, OnCommandParameterCallback));

        private static void OnCommandChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        { 
            
        }
        private static void OnCommandParameterCallback(DependencyObject d,DependencyPropertyChangedEventArgs e)
        { 
            
        }

            Phone_TimePicker dtView = new Phone_TimePicker(textBlock1.Text);// TDateTimeView  构造函数传入时间
            dtView.TimeChange += (dateTimeStr) => //TDateTimeView 时间确定事件
            {
                SelectedTime = Time.StringToTime(dateTimeStr);
                textBlock1.Text = SelectedTime.ToString("yyyy-MM-dd");
                popChioce.IsOpen = false;//TDateTimeView 所在pop  关闭
                Command.Execute(CommandParameter);
            };

Command.Execute(CommandParameter);

这条代码是很关键的，将他放到需要触发Command执行的位置即可。如果CommandParameter

没有的话可以将这个函数传入一个null。

这个TimePicker控件稍后将上传