silverlight 学习笔记 （五）： MVVM Light Toolkits 之 RealCommand

最新推荐文章于 2022-07-20 15:31:25 发布
最新推荐文章于 2022-07-20 15:31:25 发布
阅读量3.2k 收藏
点赞数
分类专栏： silverlight 文章标签： silverlight textbox binding command object null
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huangyezi/article/details/6758506
版权

在MVVM模式中我们在设计ViewModel时需要定义大量的事件处理程序，这些事件处理程序可以通过在View中绑定进行触发，具体时间参考前面所讲。ViewModel中的需要将事件定义为公开的继承ICammand的属性如下：

 public ICommand QueryCommand
        {
            get;
            private set;
        }

ICommand接口提供了两个方法（Execute、CanExecute）和一个事件（CanExecuteChanged），Execute执行事件实际的处理函数，CanExecute表示是否执行事件，CanExecuteChanged事件则是通知CanExecute状态的改变。

在MVVM light toolkits 包中一个很重要的功能就是提供了对ICommand的封装，让我们在实现ViewModel中的事件处理变动更方便了，下面重点说下RelayCommand方法的应用。

1、如何在ViewModel中触发一个不带任何参数的事件

首先在ViewModel中定义一个事件属性，并在构造函数中定义为该事件指定处理函数。然后在View中通过绑定ViewModel的事件属性，这样就能够实现对事件的触发了。需要说明的是在silverlight中只有实现了ICommandSource的控件才能实现Command的绑定，否则可以通过Silverlight中行为模式（InvokeCommandAction）进行触发。

 public MainViewModel()//构造函数
        {
           NoParamCommand=new RelayCommand(ShowMessage);
           CanExecuteCommand= new RelayCommand(ShowMessage, () => CanExcute);
        }
 public RelayCommand NoParamCommand
        {
            
             get;
            private set;
        }
private void ShowMessage()
        {
            MessageBox.Show("this is test ");
        }
View中的按钮事件绑定 
<Button Content="NoParamMessage" HorizontalAlignment="Left" Height="26" Margin="43,56,0,0" VerticalAlignment="Top" Width="107" Command="{Binding Main.NoParamCommand, Mode=OneWay}"/>
也可用行为模式绑定（最好在Blend中设计） 
<Button Content="NoParamMessage" HorizontalAlignment="Left" Height="26" Margin="43,56,0,0" VerticalAlignment="Top" Width="107">
			<i:Interaction.Triggers>
				<i:EventTrigger EventName="Click">
					<i:InvokeCommandAction Command="{Binding Main.NoParamCommand, Mode=OneWay}"/>
				</i:EventTrigger>
			</i:Interaction.Triggers>
		</Button>

2、如何触发一个带参数的事件

方法基本同上，不同的是需要在事件属性使用一个带参数的泛型定义

 public RelayCommand<string> ParamCommand
        {
             get;
            private set;
            
        }
 public MainViewModel()
        {
           NoParamCommand=new RelayCommand(ShowMessage);
           CanExecuteCommand= new RelayCommand(ShowMessage, () => CanExcute);
           ParamCommand=new RelayCommand<string>(ShowParamMessage); 
        }
 private void ShowParamMessage(string msg)
        {
            MessageBox.Show(msg);
        }

3、如何在事件处理函数上携带事件源及事件源参数，比如我们一个TextBox控件在TextChanged事件

 private void textBox1_TextChanged(object sender, TextChangedEventArgs e)
        {

        }
我们希望在ViewModel中定义的事件处理函数能够携带 sender和事件参数 e，这样做在实际项目中还是有很大意义的。这就需要使用自定义事件了，本人从网上找到一段代码 
 public class EventInformation<TEventArgsType>
    {
        public object Sender { get; set; }
        public TEventArgsType EventArgs { get; set; }
        public object CommandArgument { get; set; }
    }

    public class MapEventToCommand : MapEventToCommandBase<EventArgs>
    {
    }

    public class MapRoutedEventToCommand : MapEventToCommandBase<RoutedEventArgs>
    {
    }

    public abstract class MapEventToCommandBase<TEventArgsType> : TriggerAction<FrameworkElement>
        where TEventArgsType : EventArgs
    {
        public static readonly DependencyProperty CommandProperty = DependencyProperty.Register("Command", typeof(ICommand), typeof(MapEventToCommandBase<TEventArgsType>), new PropertyMetadata(null, OnCommandPropertyChanged));
        public static readonly DependencyProperty CommandParameterProperty = DependencyProperty.Register("CommandParameter", typeof(object), typeof(MapEventToCommandBase<TEventArgsType>), new PropertyMetadata(null, OnCommandParameterPropertyChanged));

        private static void OnCommandParameterPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            var invokeCommand = d as MapEventToCommand;
            if (invokeCommand != null)
            {
                invokeCommand.SetValue(CommandParameterProperty, e.NewValue);
            }
        }

        private static void OnCommandPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            var invokeCommand = d as MapEventToCommand;
            if (invokeCommand != null)
            {
                invokeCommand.SetValue(CommandProperty, e.NewValue);
            }
        }

        protected override void Invoke(object parameter)
        {
            if (this.Command == null)
            {
                return;
            }

            var eventInfo = new EventInformation<TEventArgsType>
            {
                EventArgs = parameter as TEventArgsType,
                Sender = this.AssociatedObject,
                CommandArgument = GetValue(CommandParameterProperty)
            };

            if (this.Command.CanExecute(eventInfo))
            {
                this.Command.Execute(eventInfo);
            }
        }

        public ICommand Command
        {
            get
            {
                return (ICommand)base.GetValue(CommandProperty);
            }
            set
            {
                base.SetValue(CommandProperty, value);
            }
        }

        public object CommandParameter
        {
            get
            {
                return base.GetValue(CommandParameterProperty);
            }
            set
            {
                base.SetValue(CommandParameterProperty, value);
            }
        }
    }

该事件的使用方法 
 public MainViewModel()
        {
           NoParamCommand=new RelayCommand(ShowMessage);
           CanExecuteCommand= new RelayCommand(ShowMessage, () => CanExcute);
           ParamCommand=new RelayCommand<string>(ShowParamMessage);
           EventParamCommand = new RelayCommand<EventInformation<RoutedEventArgs>>(ShowEventParamMessage);
         
        }

public RelayCommand<EventInformation<RoutedEventArgs>> EventParamCommand
        {
            get;
            private set;
        }
        private void ShowEventParamMessage(EventInformation<RoutedEventArgs> ei)
        {
            string msg = "";
            msg += "事件源：" + (ei.Sender as TextBox).Text;
            msg += "事件参数：" + ei.EventArgs.GetType().ToString();
            msg += "绑定参数：" + ei.CommandArgument.ToString();
            MessageBox.Show(msg);
        }
View中的绑定使用的是一样自定义的行为 
<TextBox Height="23" HorizontalAlignment="Left" Margin="166,174,0,0" x:Name="textBox1" VerticalAlignment="Top" Width="120"  >
        	
        	<i:Interaction.Triggers>
        		<i:EventTrigger EventName="TextChanged">
        			<MvvmLight3_ViewModel:MapRoutedEventToCommand Command="{Binding Main.EventParamCommand, Mode=OneWay}" CommandParameter="{Binding Text, ElementName=textBox}"/>
        		</i:EventTrigger>
        	</i:Interaction.Triggers>
        	
        </TextBox>

4、如何有条件定义事件执行或不执行
其实很简单，ICommand有一个参数canExcute，只需要对该参数进行设置即可，需要注意的是该参数设置后要触发一个事件RaiseCanExecuteChanged
  
private bool _canExcute=false;
        public bool CanExcute
        {
            get { return _canExcute; }
            set { _canExcute = value; 
                RaisePropertyChanged("CanExcute");
                CanExecuteCommand.RaiseCanExecuteChanged();
            }
        }
 public RelayCommand CanExecuteCommand
        {
            get;
            private set;


        }
 public MainViewModel()
        {
           NoParamCommand=new RelayCommand(ShowMessage);
           CanExecuteCommand= new RelayCommand(ShowMessage, () => CanExcute);
           ParamCommand=new RelayCommand<string>(ShowParamMessage);
           EventParamCommand = new RelayCommand<EventInformation<RoutedEventArgs>>(ShowEventParamMessage);
         
        }


可以将CanExcute绑定到一个控件上来控制事件是否执行，只要该属性发生变化都将触发RaiseCanExecuteChanged，RaiseCanExecuteChanged会根据canExcute参数值觉得是否可执行，有点类似于控件的Enable，但其应用范围可考虑在实际项目中有条件触发。
以上是RelayCommand的应用，相对比较简单，在MVVM light toolkits 中还有Message没开始学习，都连续几天没好好睡觉了，累死了！！！






huangyezi
关注
专栏目录
MvvmLightExamples:MvvmLight示例
04-30
**MvvmLightExamples** 是一个基于 **MVVM Light** 框架的示例项目集，主要用于展示如何在实际开发中应用 MVVM 设计模式。MVVM（Model-View-ViewModel）是一种广泛用于构建 WPF 和 Xamarin 等平台应用程序的设计模式...
利刃 MVVMLight 6：命令基础
weixin_30648587的博客
04-16 270
在MVVM Light框架中，事件是WPF应用程序中UI与后台代码进行交互的最主要方式，与传统方式不同，mvvm中主要通过绑定到命令来进行事件的处理， 因此要了解mvvm中处理事件的方式，就必须先熟悉命令的工作原理。 RelayCommand命令： WPF命令是通过实现 ICommand 接口创建的。 ICommand 公开了两个方法（Execute 及 CanExecute）和...
WPF MVVMLight 6：命令基础
Guarder_7的博客
07-20 461
MVVMLight 6：命令基础
MvvmLight CanExecute失效
wu_pan123的博客
06-23 198
MVVMlight CanExecute失效解决方案
MvvmLight CanExecute不能更新界面解决
sunleishandong的专栏
12-26 1750
在.Net4.5或以上版本使用对应的MvvmLight版本时，会遇到CanExecute不能更新界面问题，此时，只需修改命名空间GalaSoft.MvvmLight.Command为GalaSoft.MvvmLight.CommandWpf即可内容摘自 http://www.cnblogs.com/HelloMyWorld/p/4750070.html http://www.cnblogs.c
MVVM命令
yishengqianan的博客
06-19 251
MVVM基础原理：WPF命令是通过实现 ICommand 接口创建的。 ICommand 公开了两个方法（Execute 及 CanExecute）和一个事件（CanExecuteChanged）。 Execute方法执行与命令关联的操作 CanExecute 方法确定是否可以在当前命令目标上执行命令，返回值为true则按钮可用，为false 的时候按钮disable。在MvvmLight中实现ICommand接口的类是 RelayCommand RelayCommand通过构造函数初始化Execute 和
MvvmLight_WPF_Frame_Nav:具有框架和页面的MvvmLight WPF导航
05-17
MvvmLight_WPF_Frame_Nav目的目的是创建一个模板或示例程序，这些模板或示例程序可用作使用MVVMLight工具包和框架控件的WPF C＃导航程序的起始点。 该框架将在几页之间导航，并且该程序将包含MVVMLight的功能。目标...
MVVM-Services-Sample:MVVM Light Toolkit 示例，用于使用 View 到 ViewModel 通信服务
06-17
**MVVM-Services-Sample** 是一个基于 **MVVM Light Toolkit** 的示例项目，它专注于展示如何在MVVM架构中实现View与ViewModel之间的通信，尤其是利用轻量级服务进行跨层交互。MVVM（Model-View-ViewModel）是一种...
WPF MVVMLight框架使用源码，可运行看效果
12-24
**WPF MVVMLight框架详解** MVVMLight是GalaSoft公司开发的一个轻量级、易用的MVVM（Model-View-ViewModel）框架...通过对提供的源码进行学习和分析，我们可以掌握如何在实际项目中有效利用MVVMLight，提升开发效率。
MVVMLight页面跳转WPF
08-31
在本文中，我们将深入探讨如何在WPF（Windows Presentation Foundation）应用程序中利用MVVMLight库进行页面间的导航。MVVMLight是由GalaSoft开发的一个轻量级MVVM（Model-View-ViewModel）框架，它为WPF和UWP提供了...
MvvmLight ToolKit .Net4.5版本 CanExecute不能刷新界面bug
weixin_34245749的博客
06-16 146
　　一 问题重现 　 1.在使用最新版本v5.1的MvvmLight中（其实这个问题很早就有了），发现CanExecute不能很好地工作了。一个简单的工程，只有MainWindow和MainWindowViewModel,代码如下 MainWindow.xaml <Window x:Class="MvvmLightError.MainWindow" ...
MVVM Light 学习笔记1 安装手记
weixin_30410999的博客
07-10 123
首先，按照官网这里所说的进行安装http://www.galasoft.ch/mvvm/#install下载相关模板：http://www.galasoft.ch/mvvm/installing/index.html把模板拷贝到对应的模板文件目录，前面的页面已经介绍，虽然是英文，但光看图片也能明白。需要注意的是blend4的模板，提供下载的模板是针对beta版的写法...
[MVVM]01-MVVMLight安装
沉舟侧畔千帆过 病树前头万木春
11-25 812
MVVMlight安装场景 这里主要讲的是WPF 先讲操作，后面的章节会讲mvvm的理论，网上也有大量的文章大家可以参考 操作 用源代码安装 点这里进行下载源代码编译，然后把用到的dll添加到工程中去 用nuget安装 打开vs在引用添加右键 打开nuget输入mvvmlight之后选版本安装 下面的输出窗口会有提示，成功后有添加引用的dll和添加了Viewmodel文件夹 这就完成安装 了
MVVMLight使用笔记-(1)-安装及配置
杨勇博客之家
04-17 1912
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、MVVMLight是什么？二、使用步骤1.安装MVVMLight2.重新生成工程3.目录介绍总结 前言 近期因为工作原因要使用到WPF相关内容，特此记录笔记，便于自己温故而知新，也同大家一起分享。 提示：以下是本篇文章正文内容，下面案例可供参考 一、MVVMLight是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.安装MVVMLight 右键工程名–.
MVVMLight学习笔记（二）---MVVMLight框架初探
weixin_30316097的博客
11-22 347
一、MVVM分层概述 MVVM中，各个部分的职责如下： Model：负责数据实体的结构处理，与ViewModel进行交互； View：负责界面显示，与ViewModel进行数据和命令的交互； ViewModel：负责前端视图业务级别的逻辑结构组织，并将其反馈给前端。 二、MVVMLight框架初探 通过NuGet安装MVVM Light 框架后，我们新建的Wpf项目...
MVVM Light学习笔记：Messenger 【转】
weixin_30268071的博客
08-02 91
(一)Messenger的基本组成 Messenger类用于应用程序的通信，接受者只能接受注册的消息类型，另外目标类型可以被指定，用Send<TMessage, TTarget>(TMessage message)实现，在这种情况下信息只能被传递如果接受者类型和目标参数类型匹配，message可以是任何简单或者复杂的对象，你可以用特定的消息类型或者创建你自己的类型继承自他们 （1）...
MVVMLight学习笔记（四）---RelayCommand初探
weixin_30438813的博客
11-24 553
一、概述 在MVVM Light框架中，主要通过命令绑定来进行事件的处理。 WPF中，命令是通过实现 ICommand 接口创建的。 ICommand 公开了两个方法（Execute 及 CanExecute）和一个事件（CanExecuteChanged）。 在MVVM Light框架中，RelayCommand类实现了ICommand 接口，用于完成命令绑定。 通过Rel...
[Prism练习] Prism下MVVM中命令绑定的CanExecute问题
weixin_30907523的博客
05-06 219
近来练习Prsim下实现MVVM的方式。 找到Command绑定有点问题，想拿出来讨论下。 比如，一个新增资料的界面中，我想：用户必须将所有应填写的数据项填写完毕后提交按钮才可用。 于是我们开始劵起袖子 建立WPF项目，NuGet添加对Prism的引用，创建相关文件夹 建立一个简单的model和service View Code ...
Silverlight 4深度探索：MVVM与WCFRIA服务实战
"Silverlight.4.in.Action - 一本关于Silverlight 4的...通过阅读《Silverlight 4 in Action》，读者不仅可以了解Silverlight 4的基本用法，还能深入学习如何利用该技术构建高效、可扩展且用户体验优秀的Web应用程序。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值