用wpf设计树状单选和多选功能_可分组的选择框控件(MVVM下)(Toggle样式 仿造单选框RadioButton,复选框CheckBox功能)...

本文展示了如何在WPF中设计支持分组的单选和多选功能,利用MVVM模式实现。通过提供一个自定义的RelayCommand类,实现了命令的创建和执行,并给出了前台XAML代码、样式和动画,以及ViewModel和相关数据结构的定义。文章最后提及了功能的实现和可能出现的问题,鼓励读者交流讨论。
摘要由CSDN通过智能技术生成

效果图如下:支持分组的单选框,复选框样式和MVVM下功能的实现。这是项目中一个快捷键功能的扩展。

1,准备工作:VS2015 (15对WPF的支持变得异常的好,调试模式下允许自动更改属性。),随VS发布的Blend,几个基础类:

1 public classRelayCommand : ICommand2 {3 #region Fields

4

5 readonly Action_executeAct;6 readonly Predicate_canExecutePre;7 private readonlyAction _execute;8

9 private readonly Func_canExecute;10 #endregion

11

12 #region Constructors

13

14 ///

15 ///Creates a new command that can always execute.16 ///

17 /// The execution logic.

18 public RelayCommand(Actionexecute)19 : this(execute, null)20 {21 }22

23 ///

24 ///Creates a new command.25 ///

26 /// The execution logic.

27 /// The execution status logic.

28 public RelayCommand(Action execute, PredicatecanExecute)29 {30 if (execute == null)31 {32 throw new ArgumentNullException("execute");33 }34

35 _executeAct =execute;36 _canExecutePre =canExecute;37 }38

39

40 ///

41 ///Initializes a new instance of the RelayCommand class that42 ///can always execute.43 ///

44 /// The execution logic.

45 /// If the execute argument is null.

46 publicRelayCommand(Action execute)47 : this(execute, null)48 {49 }50

51 ///

52 ///Initializes a new instance of the RelayCommand class.53 ///

54 /// The execution logic.

55 /// The execution status logic.

56 /// If the execute argument is null.

57 public RelayCommand(Action execute, FunccanExecute)58 {59 if (execute == null)60 {61 throw new ArgumentNullException("execute");62 }63

64 _execute =execute;65 _canExecute =canExecute;66 }67

68 #endregion

69

70 #region ICommand Members

71

72 public bool CanExecute(objectparameter)73 {74 if (parameter == null)75 {76 return _canExecute == null ? true: _canExecute();77 }78

79 return _canExecutePre == null ? true: _canExecutePre(parameter);80 }81

82 public eventEventHandler CanExecuteChanged83 {84 add { CommandManager.RequerySuggested +=value; }85 remove { CommandManager.RequerySuggested -=value; }86 }87

88 public void Execute(objectparameter)89 {90 if (!CanExecute(parameter))91 return;92 if (parameter == null)93 {94 if (_execute != null)95 _execute();96 return;97 }98 if (_executeAct != null)99 _executeAct(parameter);100

101 }102

103 #endregion

104 }

View Cod

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,这里是一段在MVVM模式下使用RelativeSource绑定父控件数据源,并且在点击复选框时触发父控件事件的WPF代码。 首先,我们需要在父控件中定义一个事件,并在VM中绑定该事件。我们可以使用`EventToCommand`来实现这一点,它是Galasoft.MvvmLight库中提供的一个类。 在XAML中,我们可以这样定义父控件复选框: ```xml <UserControl x:Class="MyApp.MyParentControl" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:command="http://www.galasoft.ch/mvvmlight"> <Grid> <!-- 父控件的数据源 --> <Grid.DataContext> <local:MyParentViewModel /> </Grid.DataContext> <!-- 复选框 --> <CheckBox Content="Click me!" IsChecked="{Binding IsChecked, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type UserControl}}}" Margin="10" VerticalAlignment="Center"> <i:Interaction.Triggers> <i:EventTrigger EventName="Click"> <command:EventToCommand Command="{Binding DataContext.MyParentControlClickedCommand, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type UserControl}}}" PassEventArgsToCommand="True" /> </i:EventTrigger> </i:Interaction.Triggers> </CheckBox> </Grid> </UserControl> ``` 在这里,我们使用了`RelativeSource`来绑定复选框的`IsChecked`属性到父控件的数据源上。同时,我们也使用了`EventToCommand`来绑定复选框的`Click`事件到父控件的`MyParentControlClickedCommand`命令上,并且通过`PassEventArgsToCommand`属性来传递事件参数。 然后,在VM中定义`MyParentControlClickedCommand`命令和`MyParentControlClicked`事件: ```csharp public class MyParentViewModel : ViewModelBase { public RelayCommand<RoutedEventArgs> MyParentControlClickedCommand { get; private set; } public MyParentViewModel() { MyParentControlClickedCommand = new RelayCommand<RoutedEventArgs>(MyParentControlClicked); } public event EventHandler<MyEventArgs> MyParentControlClicked; private void MyParentControlClicked(RoutedEventArgs e) { // 触发事件 MyParentControlClicked?.Invoke(this, new MyEventArgs()); } } public class MyEventArgs : EventArgs { // 添加事件参数 } ``` 最后,在父控件的代码中订阅事件: ```csharp public partial class MyParentControl : UserControl { public MyParentControl() { InitializeComponent(); // 订阅事件 var viewModel = (MyParentViewModel)DataContext; viewModel.MyParentControlClicked += MyParentControl_MyParentControlClicked; } private void MyParentControl_MyParentControlClicked(object sender, MyEventArgs e) { // 处理事件 } } ``` 这样,当我们点击复选框时,就会触发父控件的`MyParentControlClicked`事件了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值