WPF 命令绑定简单应用

UI交互时,很多功能都是有不同的入口来实现,例如:复制、粘贴等。早期winform编程的时候一般都是通过抽取方法,然后事件调用方法来实现代码复用。WPF提供了命令这一模式来实现这一应用 - 一功能、多入口。

WPF的一个命令系统是被分为四个部分:

1. Command(命令):一个语义级别的输入,比如“复制”等;

2. CommandSource(命令源):引发某命令的元素,比如按钮,菜单项,键盘(Ctrl-C,F1等),鼠标等;

3. CommandTarget(命令目标):命令被作用的目标,比如文本框,播放器等;

4. CommandBinding(命令绑定):用于将命令和命令的处理逻辑链接起来,比如同样的"粘贴",但粘贴文本和粘贴图片的处理逻辑是不一样的,命令绑定负责将“粘贴”命令与合理的处理逻辑连接起来。

 

其中,命令源是由引发命令的元素实现的,在WPF现有的控件中,如:MenuItem、ButtonBase等。而命令目标是由接收命令的元素实现,使用时属于非必须项。

 

下面是个简单的例子:

1. 界面定义和绑定命令:

 

  

 

2. 后台代码实现: 

#region Window Command ///

/// 可否执行撤销命令判断 /// /// Command /// event arg private void CommandBinding_Undo_CanExecute(object sender, CanExecuteRoutedEventArgs e) { if (null == this.diagram.UndoManager.History.NextUndo) { e.CanExecute = false; } else { e.CanExecute = true; } } /// /// 执行撤销命令 /// /// Command /// event arg private void CommandBinding_Undo_Execute(object sender, ExecutedRoutedEventArgs e) { this.diagram.UndoManager.Undo(); } /// /// 可否执行重做命令判断 /// /// Command /// event arg private void CommandBinding_Redo_CanExecute(object sender, CanExecuteRoutedEventArgs e) { if (null == this.diagram.UndoManager.History.NextRedo) { e.CanExecute = false; } else { e.CanExecute = true; } } /// /// 执行重做命令 /// /// Command /// event arg private void CommandBinding_Redo_Execute(object sender, ExecutedRoutedEventArgs e) { this.diagram.UndoManager.Redo(); } /// /// 执行缩放命令 /// /// Command /// event arg private void CommandBinding_Zoom_Execute(object sender, ExecutedRoutedEventArgs e) { float zoomValue = float.Parse(e.Parameter.ToString()); this.view.ZoomFactor = zoomValue; this.MenuZoomItem.Header = "缩放比例:" + zoomValue + "%"; //Hard code in here } #endregion 

有此,可以看到,使用命令大大简化了事件和方法的书写,简单明了。

而且,WPF为我们提供了大量内置命令,包括ApplicationCommands,NavigationCommands,,MediaCommands,EditingCommands与ComponentCommands,以及控件开发人员为它们的控件也提供了很多特有的命令(比如Slider.DecreaseLarge 与 Slider.DecreaseSmall),这些足以应付平时的大多数应用,如果还不够的话,你可以为自己的应用自定义更多的命令。

自定义命令需要在后台代码里定义好命令,代码如下:

#region Command ///

/// 新增流程模板分类命令 /// public static readonly RoutedUICommand AddCatalog = new RoutedUICommand(); /// /// 编辑流程模板分类命令 /// public static readonly RoutedUICommand EditCatalog = new RoutedUICommand(); /// /// 删除流程模板分类命令 /// public static readonly RoutedUICommand DeleteCatalog = new RoutedUICommand(); #endregion

页面代码也有所不同,代码如下:

 

当然,WPF的命令系统是非常庞大和复杂的,更多的应用还需根据实际情况不断摸索。有兴趣的可以一起讨论。

 

你可能感兴趣的