MVVMLight的流程简单分析（三）

好久不见。

繁忙了几周之后，终于有时间再扯淡了。继续上一篇的内容，下周就说说其他好玩的东西了。

---

ViewModel类

1. 构造函数
最后部分来说说viewmodel类，通过MVVMLight自动生成的MainViewModel类来简要解释一些常见的使用操作。

构造函数

还记得上回说的那个依赖注入嘛。IOC容器帮助完成了有参的实例构造，传递了这些接口。

2.RelayCommand命令

• 无参数的命令声明

        public RelayCommand IncrementCommand
        {
            get
            {
                //??为判断前面的值为不为null，否则new一个新的对象
                //RelayCommand需要传递一个Action，可以采用lambda表达式
                //Action不能返回值
                return _incrementCommand
                    ?? (_incrementCommand = new RelayCommand(
                    () =>
                    {
                        WelcomeTitle = string.Format("Counter clicked {0} times", ++_counter);
                    }));
            }
        }

• 有参数的导航命令示例，且需要判断是否可以执行命令

        public RelayCommand<string> NavigateCommand
        {
            get
            {
                //RelayCommand<T>泛型声明一个T类型的命令
                //RelayCommand构造函数第二个参数意思是在什么情况下执行第一个参数传递的Action方法
                //第二个参数是一个有返回值的Func函数
                //这里的意思是当绑定的值不为空，则可以导航到第二个页面，同时传递需要的p参数
                //此处的a和p只是一个随意名称，lambda表达式的写法而已
                return _navigateCommand
                       ?? (_navigateCommand = new RelayCommand<string>(
                           p => _navigationService.NavigateTo(ViewModelLocator.SecondPageKey, p),
                           a => !string.IsNullOrEmpty(a)));
            }
        }

• 有参数的发送消息的命令
  上回讲到了这串代码，这里刚好有使用示例。

消息注册

        public RelayCommand SendMessageCommand
        {
            get
            {
                //Messenger.Default获取到在上图声明的实例
                //这里send了一条上图中注册的NotificationMessageAction<string>的消息
                //在上图位置的App类中会接收到该匹配的消息，然后调用HandleNotificationMessage回调
                //而由于消息是一个Action，所以在HandleNotificationMessage执行时会触发Action回调
                //所以结果就是WelcomeTitle属性被设置成了"Success (from App.xaml.cs)!"字符窜
                return _sendMessageCommand
                    ?? (_sendMessageCommand = new RelayCommand(
                    () =>
                    {
                        Messenger.Default.Send(
                            new NotificationMessageAction<string>(
                                "Testing",
                                reply =>
                                {
                                    WelcomeTitle = reply;
                                }));
                    }));
            }
        }

• 异步弹框的命令

        public RelayCommand ShowDialogCommand
        {
            get
            {
                //这里其实写的不太好，按道理应该将IDialogService也同时注入进来，而不是直接取
                //async代表异步执行命令内部声明的Action
                /*async和await最简单的解释就是，当代码执行到await处就直接返回，
                这样其他线程可以消费CPU而不会界面卡死，一直等待这串代码执行完。
                然后每回内部循环检测这个记录的代码位置，当这个代码成功执行了就弹框。*/
                return _showDialogCommand
                       ?? (_showDialogCommand = new RelayCommand(
                           async () =>
                           {
                               var dialog = ServiceLocator.Current.GetInstance<IDialogService>();
                               await dialog.ShowMessage("Hello Universal Application", "it works...");
                           }));
            }
        }

View类

上面讲述了ViewModel类里面一些官方提供的示例。下面就讲述一下界面上是怎么绑定的。大致有两种方式。

1. 单向命令绑定

 <!--  Button直接绑定command，而且声明方向是单向的  -->
            <Button
                Margin="0,0,0,20"
                HorizontalAlignment="Stretch"
                Command="{Binding IncrementCommand, Mode=OneWay}"
                Content="Increment counter"
                FontSize="24"
                Foreground="White" />

2. 导航命令

             <TextBlock
                Margin="0,0,0,20"
                HorizontalAlignment="Stretch"
                FontSize="24"
                Foreground="White"
                Text="Navigate to page 2"
                TextAlignment="Center">
                <!--通过Microsoft.Xaml.Interactivity来触发一些行为。
                如此处声明了Tap，当Tap时触发Action，而命令就是在ViewModel中声明的导航命令。
                同时CommandParameter传递的是触发命令时候的传递的参数，就是VeieModel中的那个p。
                那么那个a呢，其实还是这个CommandParameter，判断了它为空就不能触发导航命令.-->
                <interactivity:Interaction.Behaviors>
                    <core:EventTriggerBehavior EventName="Tapped">
                        <core:InvokeCommandAction Command="{Binding NavigateCommand, Mode=OneWay}" CommandParameter="{Binding Text, ElementName=NavigationParameterText}" />
                    </core:EventTriggerBehavior>
                </interactivity:Interaction.Behaviors>

最后的结果就不展示了，大家自己创建一个空的MVVMLight工程就知道了。这期就到这里吧，祝大家周末愉快~~~