好久不见。
繁忙了几周之后，终于有时间再扯淡了。继续上一篇的内容，下周就说说其他好玩的东西了。
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类里面一些官方提供的示例。下面就讲述一下界面上是怎么绑定的。大致有两种方式。
- 单向命令绑定
<!-- Button直接绑定command，而且声明方向是单向的 -->
<Button
Margin="0,0,0,20"
HorizontalAlignment="Stretch"
Command="{Binding IncrementCommand, Mode=OneWay}"
Content="Increment counter"
FontSize="24"
Foreground="White" />
- 导航命令
<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工程就知道了。这期就到这里吧，祝大家周末愉快~~~
网友评论