WPF MVVMLight 7：命令深入

最新推荐文章于 2023-11-06 19:07:18 发布
最新推荐文章于 2023-11-06 19:07:18 发布
阅读量1.3k 收藏 5
点赞数 2
分类专栏： C# 文章标签： wpf java 开发语言
原文链接：https://www.cnblogs.com/wzh2010/p/6607702.html
版权

上面一篇我们大致了解了命令的基本使用方法和基础原理，但是实际在运用命令的时候会复杂的多，并且会遇到各种各样的情况。
一、命令带参数的情况：
如果视图控件所绑定的命令想要传输参数，需要配置 CommandParameter 属性 ，用来传输参数出去。

而继承制Icommand接口的 RelayCommand又支持泛型的能力，这样就可以接受来自客户端请求的参数。

public RelayCommand(Action execute);构造函数传入的是委托类型的参数，Execute 和 CanExecute执行委托方法。

所以，修改上篇的代码如下：

View代码：

<StackPanel Margin="10,20,0,50">
                    <TextBlock Text="传递单个参数" FontWeight="Bold" FontSize="12" Margin="0,5,0,5" ></TextBlock>
                    <DockPanel x:Name="ArgStr" >
                        <StackPanel DockPanel.Dock="Left" Width="240" Orientation="Horizontal" >
                            <TextBox x:Name="ArgStrFrom" Width="100" Margin="0,0,10,0"></TextBox>
                            <Button Content="传递参数" Width="100" HorizontalAlignment="Left" Command="{Binding PassArgStrCommand}"
                                    CommandParameter="{Binding ElementName=ArgStrFrom,Path=Text}"  ></Button>
                        </StackPanel>
                        <StackPanel DockPanel.Dock="Right" Width="240" Orientation="Horizontal">
                            <TextBlock Text="{Binding ArgStrTo,StringFormat='接收到参数：\{0\}'}" ></TextBlock>
                        </StackPanel>
                    </DockPanel>
  </StackPanel>

ViewModel代码：

 #region 传递单个参数

        private String argStrTo;
        //目标参数
        public String ArgStrTo
        {
            get { return argStrTo; }
            set { argStrTo = value; RaisePropertyChanged(() => ArgStrTo); }
        }

#endregion

#region 命令

        private RelayCommand<String> passArgStrCommand;
        /// <summary>
        /// 传递单个参数命令
        /// </summary>
        public RelayCommand<String> PassArgStrCommand
        {
            get
            {
                if (passArgStrCommand == null)
                    passArgStrCommand = new RelayCommand<String>((p) => ExecutePassArgStr(p));
                return passArgStrCommand;

            }
            set { passArgStrCommand = value; }
        }
        private void ExecutePassArgStr(String arg)
        {
            ArgStrTo = arg;
        }

#endregion

结果如下：
在这里插入图片描述
二、多个参数的情况

上面是单个参数传输的，如果需要传入多个参数,可能就需要以参数对象方式传入，如下：

Model代码：

public class UserParam
    {
        public String UserName { get; set; }

        public String UserPhone { get; set; }

        public String UserAdd { get; set; }

        public String UserSex { get; set; }
    }

View代码：

xmlns:model="clr-namespace:MVVMLightDemo.Model"

<StackPanel Margin="10,0,0,50">
                    <TextBlock Text="传递对象参数" FontWeight="Bold" FontSize="12" Margin="0,5,0,5" ></TextBlock>
                    <DockPanel>
                        <StackPanel DockPanel.Dock="Left" Width="240">
                            <Button Command="{Binding PassArgObjCmd}"  Content="传递多个参数" Height="23" HorizontalAlignment="Left" Width="100">
                                <Button.CommandParameter>
                                    <model:UserParam UserName="Brand" UserPhone="88888888" UserAdd="地址" UserSex="男" ></model:UserParam>
                                </Button.CommandParameter>
                            </Button>
                        </StackPanel>
                        <StackPanel DockPanel.Dock="Right" Width="240" Orientation="Vertical">
                            <TextBlock Text="{Binding ObjParam.UserName,StringFormat='姓名：\{0\}'}" ></TextBlock>
                            <TextBlock Text="{Binding ObjParam.UserPhone,StringFormat='电话：\{0\}'}" ></TextBlock>
                            <TextBlock Text="{Binding ObjParam.UserAdd,StringFormat='地址：\{0\}'}" ></TextBlock>
                            <TextBlock Text="{Binding ObjParam.UserSex,StringFormat='性别：\{0\}'}" ></TextBlock>
                        </StackPanel>
                    </DockPanel>
                </StackPanel>

ViewModel代码：

#region 传递参数对象

        private UserParam objParam;
        public UserParam ObjParam
        {
            get { return objParam; }
            set { objParam = value; RaisePropertyChanged(() => ObjParam); }
        }

 #endregion

 #region 命令
        private RelayCommand<UserParam> passArgObjCmd;
        public RelayCommand<UserParam> PassArgObjCmd
        {
            get
            {
                if (passArgObjCmd == null)
                    passArgObjCmd = new RelayCommand<UserParam>((p) => ExecutePassArgObj(p));
                return passArgObjCmd;
            }
            set { passArgObjCmd = value; }
        }
        private void ExecutePassArgObj(UserParam up)
        {
            ObjParam = up;
        }
 #endregion

结果如下：
在这里插入图片描述
三、动态绑定多个参数情况

参数过来了，但是我们会发现这样的参数是我们硬编码在代码中的，比较死，一帮情况下是动态绑定参数传递，所以我们修改上面的代码如下：

<StackPanel DockPanel.Dock="Left" Width="240">
                            <Button Command="{Binding PassArgObjCmd}"  Content="传递多个参数" Height="23" HorizontalAlignment="Left" Width="100">
                                <Button.CommandParameter>
                                    <model:UserParam UserName="{Binding ElementName=ArgStrFrom,Path=Text}" UserPhone="88888888" UserAdd="地址" UserSex="男" ></model:UserParam>
                                </Button.CommandParameter>
                            </Button>
  </StackPanel>

这时候编译运行，他会提示：不能在“UserParam”类型的“UserName”属性上设置“Binding”。只能在 DependencyObject 的 DependencyProperty 上设置“Binding”。

原来，我们的绑定属性只能用在 DependencyObject 类型的控件对象上。像我们的 TextBox、Button、StackPanel等等控件都是

System.Windows.FrameworkElement => System.Windows.UIElement=> System.Windows.Media.Visual => System.Windows.DependencyObject 这样的一种继承方式。所以支持绑定特性。
在这里插入图片描述
Wpf的所有UI控件都是依赖对象。

一种方式就是将 UserParam类 改成 支持具有依赖属性的对象，如下：

/// <summary>
    /// 自定义类型
    /// </summary>
    public class UserParam : FrameworkElement //继承于FrameworkElement
    {
        /// <summary>
        /// .net属性封装
        /// </summary>
        public int Age
        {
            get //读访问器
            {
                return (int)GetValue(AgeProperty);
            }
            set //写访问器
            {
                SetValue(AgeProperty, value);
            }
        }


        /// <summary>
        /// 声明并创建依赖项属性
        /// </summary>
        public static readonly DependencyProperty AgeProperty =
            DependencyProperty.Register("Age", typeof(int), typeof(CustomClass), new PropertyMetadata(0, CustomPropertyChangedCallback), CustomValidateValueCallback);


        /// <summary>
        /// 属性值更改回调方法
        /// </summary>
        /// <param name="d"></param>
        /// <param name="e"></param>
        private static void CustomPropertyChangedCallback(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {

        }

        /// <summary>
        /// 属性值验证回调方法
        /// </summary>
        /// <param name="value"></param>
        /// <returns></returns>
        private static bool CustomValidateValueCallback(object value)
        {
            return true;
        }
    }

但是这种方式不建议。仅仅是为了传输参数而大费周章，写一堆额外的功能，而且通用性差，几乎每个实例都要写一个对象，也破坏了Wpf文档树的设计结构。

更建议的方式如下，用多绑定的方式。将多绑定的各个值转换成你想要的对象或者实例模型，再传递给ViewModel。

View代码：

xmlns:common="clr-namespace:MVVMLightDemo.Common"

<Grid.Resources>
          <common:UserInfoConvert x:Key="uic" />
</Grid.Resources>

<StackPanel Margin="10,0,0,50">
                    <TextBlock Text="动态参数传递" FontWeight="Bold" FontSize="12" Margin="0,5,0,5" ></TextBlock>
                    <StackPanel Orientation="Horizontal" >
                        <StackPanel Orientation="Vertical" Margin="0,0,10,0" >
                            <StackPanel Orientation="Horizontal" Margin="0,0,0,5" >
                                <TextBlock Text="姓名" Width="80" ></TextBlock>
                                <TextBox x:Name="txtUName" Width="200" />
                            </StackPanel>
                            <StackPanel Orientation="Horizontal" Margin="0,0,0,5" >
                                <TextBlock Text="电话" Width="80" ></TextBlock>
                                <TextBox x:Name="txtUPhone" Width="200" />
                            </StackPanel>
                            <StackPanel Orientation="Horizontal" Margin="0,0,0,5" >
                                <TextBlock Text="地址" Width="80"></TextBlock>
                                <TextBox x:Name="txtUAdd" Width="200"/>
                            </StackPanel>
                            <StackPanel Orientation="Horizontal" Margin="0,0,0,5" >
                                <TextBlock Text="性别" Width="80" ></TextBlock>
                                <TextBox x:Name="txtUSex" Width="200" />
                            </StackPanel>
                        </StackPanel>

                        <StackPanel>
                            <Button Content="点击传递" Command="{Binding DynamicParamCmd}">
                                <Button.CommandParameter>
                                    <MultiBinding Converter="{StaticResource uic}">
                                        <Binding ElementName="txtUName" Path="Text"/>
                                        <Binding ElementName="txtUSex" Path="Text"/>
                                        <Binding ElementName="txtUPhone" Path="Text"/>
                                        <Binding ElementName="txtUAdd" Path="Text"/>
                                    </MultiBinding>
                                </Button.CommandParameter>
                            </Button>
                        </StackPanel>

                        <StackPanel Width="240" Orientation="Vertical" Margin="10,0,0,0" >
                            <TextBlock Text="{Binding ArgsTo.UserName,StringFormat='姓名：\{0\}'}" ></TextBlock>
                            <TextBlock Text="{Binding ArgsTo.UserPhone,StringFormat='电话：\{0\}'}" ></TextBlock>
                            <TextBlock Text="{Binding ArgsTo.UserAdd,StringFormat='地址：\{0\}'}" ></TextBlock>
                            <TextBlock Text="{Binding ArgsTo.UserSex,StringFormat='性别：\{0\}'}" ></TextBlock>
                        </StackPanel>
                    </StackPanel>
  </StackPanel>

转换器 UserInfoConvert 代码：

public class UserInfoConvert : IMultiValueConverter
    {
        /// <summary>
        /// 对象转换
        /// </summary>
        /// <param name="values">所绑定的源的值</param>
        /// <param name="targetType">目标的类型</param>
        /// <param name="parameter">绑定时所传递的参数</param>
        /// <param name="culture"><系统语言等信息</param>
        /// <returns></returns>
        public object Convert(object[] values, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            if (!values.Cast<string>().Any(text => string.IsNullOrEmpty(text)) && values.Count() == 4)
            {
                UserParam up = new UserParam() { UserName = values[0].ToString(), UserSex = values[1].ToString(), UserPhone = values[2].ToString(), UserAdd = values[3].ToString() };
                return up;
            }

            return null;
        }

        public object[] ConvertBack(object value, Type[] targetTypes, object parameter, System.Globalization.CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }

ViewModel代码：

#region 动态参数传递

        private UserParam argsTo;
        /// <summary>
        /// 动态参数传递
        /// </summary>
        public UserParam ArgsTo
        {
            get { return argsTo; }
            set { argsTo = value; RaisePropertyChanged(() => ArgsTo); }
        }

   #endregion
 //=================================================================================================================
        private RelayCommand<UserParam> dynamicParamCmd;
        /// <summary>
        /// 动态参数传递
        /// </summary>
        public RelayCommand<UserParam> DynamicParamCmd
        {
            get
            {
                if (dynamicParamCmd == null)
                    dynamicParamCmd = new RelayCommand<UserParam>(p => ExecuteDynPar(p));
                return dynamicParamCmd;
            }
            set
            {

                dynamicParamCmd = value;
            }
        }

        private void ExecuteDynPar(UserParam up)
        {
            ArgsTo = up;
        }

效果如下：
在这里插入图片描述
到这边，命令参数绑定相关的应该就比较清楚了，这种方式也比较好操作。

个人观点：从MVVM的模式来说，其实命令中的参数传递未必是必要的。MVVM 的目标就是消除View和ViewModel开发人员之间过于频繁的数据交互。
去维护一段额外的参数代码，还不如把所有的交互参数细化成在当前DataContext下的全局属性。View开发人员和ViewModel开发人员共同维护好这份命令清单和属性清单即可。
而微软的很多控件也提供了类似 SelectedItem 和 SelectedValue之类的功能属性来辅助开发。

四、传递原事件参数

如果在一些特殊环境里，我们需要传递原事件的参数，那也很简单，只要设置 PassEventArgsToCommand=“True” 即可，

在ViewModel中对应接收参数即可。

private RelayCommand<DragEventArgs> dropCommand;
        /// <summary>
        /// 传递原事件参数
        /// </summary>
        public RelayCommand<DragEventArgs> DropCommand
        {
            get
            {
                if (dropCommand == null)
                    dropCommand = new RelayCommand<DragEventArgs>(e => ExecuteDrop(e));
                return dropCommand;
            }
            set { dropCommand = value; }
        }

        private void ExecuteDrop(DragEventArgs e)
        {
            FileAdd = ((System.Array)e.Data.GetData(System.Windows.DataFormats.FileDrop)).GetValue(0).ToString();
        }

结果如下(将文件拖拽至红色区域内，会获取到拖拽来源，并解析参数显示出来)：
在这里插入图片描述
五、EventToCommand

 在WPF中，并不是所有控件都有Command，例如TextBox，那么当文本改变，我们需要处理一些逻辑，这些逻辑在ViewModel中，没有Command如何绑定呢？这

个时候我们就用到EventToCommand，事件转命令，可以将一些事件例如TextChanged，Checked等转换成命令的方式。接下来我们就以下拉控件为例子，来看看具体的实例：

View代码：（这边声明了i特性和mvvm特性，一个是为了拥有触发器和行为附加属性的能力，当事件触发时，会去调用相应的命令，EventName代表触发的事件名称；一个是为了使用MVVMLight中 EventToCommand功能。）

这边就是当ComboBox执行SelectionChanged事件的时候，会相应去执行 SelectCommand 命令。

xmlns:mvvm="http://www.galasoft.ch/mvvmlight"
xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"

<StackPanel Margin="10,0,0,50">
                    <TextBlock Text="事件转命令执行" FontWeight="Bold" FontSize="12" Margin="0,5,0,5" ></TextBlock>
                    <DockPanel x:Name="EventToCommand" >
                        <StackPanel DockPanel.Dock="Left" Width="240" Orientation="Horizontal" >
                            <ComboBox Width="130" ItemsSource="{Binding ResType.List}" DisplayMemberPath="Text" SelectedValuePath="Key"
                          SelectedIndex="{Binding ResType.SelectIndex}" >
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="SelectionChanged">
                                        <mvvm:EventToCommand Command="{Binding SelectCommand}"/>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </ComboBox>
                        </StackPanel>
                        <StackPanel DockPanel.Dock="Right" Width="240" Orientation="Horizontal">
                            <TextBlock Text="{Binding SelectInfo,StringFormat='选中值：\{0\}'}" ></TextBlock>
                        </StackPanel>
                    </DockPanel>
 </StackPanel>

ViewModel代码：

private RelayCommand selectCommand;
        /// <summary>
        /// 事件转命令执行
        /// </summary>
        public RelayCommand SelectCommand
        {
            get
            {
                if (selectCommand == null)
                    selectCommand = new RelayCommand(() => ExecuteSelect());
                return selectCommand;
            }
            set { selectCommand = value; }
        }
        private void ExecuteSelect()
        {
            if (ResType != null && ResType.SelectIndex > 0)
            {
                SelectInfo = ResType.List[ResType.SelectIndex].Text;
            }
        }

结果如下：
在这里插入图片描述
示例代码下载

PS：本文转载自博客园的作者Brand的原创文章，感谢原作者的分享。原文链接：https://www.cnblogs.com/wzh2010/p/6607702.html

Echo_Lee0
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【无标题】
weixin_49983358的博客
05-07 183
命令基础与命令深入 MVVMLight ：命令基础 在MVVM Light框架中，事件是WPF应用程序中UI与后台代码进行交互的最主要方式，与传统方式不同，mvvm中主要通过绑定到命令来进行事件的处理，因此要了解mvvm中处理事件的方式，就必须先熟悉命令的工作原理。 RelayCommand命令： WPF命令是通过实现ICommand接口创建的。ICommand 公开了两个方法（Execute及CanExecute）和一个事件（CanExecuteChanged）。 Execute方法 ：CanExecut
WPF 通过MVVM绑定自定义命令
韬光养晦
04-16 770
WPF 通过MVVM绑定自定义命令 运行示例： 在文本框中输入内容，点击显示内容按钮，弹出MessageBox显示输入的内容； 选择combobox中的内容，弹出MessageBox显示combobox中选择的内容； 代码： 一.使用自定义MVVM框架： 在NuGet包中下载interactivity（为了combobox控件绑定自定义命令） 添加一个MyCommand文件夹，在其中添加一个类...
WPF-MVVMLight
ultramand的博客
04-12 215
在这个示例中，ViewModel类继承了MVVMLight框架的ViewModelBase类。在ViewModel类中，我们定义了一个Message属性，并且在构造函数中初始化了这个属性。MVVM是Model-View-ViewModel的缩写，它是一种软件设计模式，将用户界面(UI)与应用程序的逻辑和数据分离。MVVMLight是一个轻量级的MVVM框架，用于帮助开发人员在WPF和Silverlight应用程序中实现MVVM模式。这个简单的MVVMLight应用程序演示了如何使用框架来实现MVVM模式。
WPF中的依赖属性（Dependency Property）
最新发布
mingupup的博客
11-06 348
本文简单介绍了wpf中依赖属性的使用。
WPF MVVMLight框架使用源码，可运行看效果
12-24
**WPF MVVMLight框架详解** MVVMLight是GalaSoft公司开发的一个轻量级、易用的MVVM（Model-View-ViewModel）框架，它为Windows Presentation Foundation（WPF）应用程序提供了强大的支持。该框架简化了MVVM模式的...
WPF+Mvvmlight 简单的导航实例
04-05
在本文中，我们将深入探讨如何使用WPF（Windows Presentation Foundation）框架结合MvvmLight库创建一个简单的导航实例。MvvmLight是由GalaSoft开发的轻量级MVVM（Model-View-ViewModel）库，它为WPF应用提供了一...
MVVMLight页面跳转WPF
08-31
在本文中，我们将深入探讨如何在WPF（Windows Presentation Foundation）应用程序中利用MVVMLight库进行页面间的导航。MVVMLight是由GalaSoft开发的一个轻量级MVVM（Model-View-ViewModel）框架，它为WPF和UWP提供了...
WPF基于MVVM框架的命令和属性绑定
04-02
在本文中，我们将深入探讨如何在Windows Presentation Foundation (WPF) 中使用Model-View-ViewModel (MVVM)设计模式，特别是在结合MVVMLight框架时，如何实现字段属性的绑定和命令绑定。MVVM是一种用于构建用户界面...
MVVMLight框架下的wpf登陆程序demo
05-21
**MVVMLight框架详解及其在WPF登陆程序中的应用** MVVMLight，全称为MVVM Light ...通过这个登陆程序的示例，我们可以深入理解MVVM模式以及MVVMLight提供的各种工具，这对于构建高效、可维护的WPF应用至关重要。
WPF入门教程系列(二) 深入剖析WPF Binding的使用方法
weixin_30394633的博客
08-19 494
同一个对象（特指System.Windows.DependencyObject的子类）的同一种属性（特指DependencyProperty）只能拥有一个binding。 这一点可以通过设置binding对象的方法名得知： public static BindingExpressionBase SetBinding( DependencyObject target, ...
WPF基础学习笔记整理 （五） DependencyObject & DependencyProperty
aws10686的博客
05-10 927
　　参考资料： 　　1.http://www.cnblogs.com/Zhouyongh/archive/2009/10/20/1586278.html 　　基础知识： DependencyObject& DependencyProperty类位于System.Windows命名空间，程序集：WindowsBase.dll； DependencyObje...
使用 Newtonsoft.Json 序列化 WPF 的 DependencyObject
weixin_33885253的博客
06-12 533
为什么80%的码农都做不了架构师？>>> ...
造轮子，模仿WPF的UI框架，还没完善。。。
weixin_30435261的博客
08-21 72
Wtf(暂时命名，随便起的 = _=)，模仿WPF的框架，还没有完善，只有简单的基础元素，支持数据绑定。虽然支持mono但是mono有bug 写这个只是兴趣爱好，感觉也没多大意义了，如果这个UI框架完善了，有多少人愿意用？毕竟Windows上有WPF，而且C#跨平台需求也不多啊。我对WPF也不算熟悉，要完善的话，还有很多要写。一大堆常用控件和设计器。不过我不用XML来描述，而是直接用C#来定义，...
(原创)3.1 附加属性原理
rendawei636专注医疗软件
08-15 1755
WPF, Register , RegisterAttached, Binding, AddOwner, OverrideMetadata
DependencyProperty 和 Binding 的 简单理解
weixin_34148340的博客
04-10 560
转载于:https://www.cnblogs.com/allofalan/archive/2012/04/10/2440826.html
DependencyObject/DependencyProperty
weixin_34245082的博客
12-13 359
2019独角兽企业重金招聘Python工程师标准>>> ...
依赖属性 DependencyProperty
weixin_33676492的博客
01-08 1312
解决的问题：一个控件可能有几百个CLR属性，如果每个CLR属性都是包装一个字段，那么这个控件耗费的内存太大了。依赖属性就是解决这个问题的。 如何解决这个问题：使控件的CLR属性不是包装字段，而是包装一个DependencyProperty，并且这个DependencyProperty的内存不是分配在控件内，而是采用某种机制分配在外部，以key-value的形式存在。另外，DependencyPr...
WPF MVVM游戏实践：Advanced.MVVM技术解析
文档全为英文，旨在深入探讨WPF和MVVM架构，并展示如何在实际项目中应用它们。" 在深入探讨之前，我们先对WPF和MVVM有一个基础的认识。WPF是微软推出的一种用于构建Windows桌面应用程序的技术，它提供了丰富的图形...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值