C#WPF之快速理解MVVM模式
接上篇介绍MVVM,这里使用相关库介绍MVVM。
CommunityToolkit.Mvvm
CommunityToolkit.Mvvm介绍
CommunityToolkit.Mvvm
是Microsoft Community Toolkit的一部分,它是一个轻量级但功能强大的MVVM(Model-View-ViewModel)库,旨在帮助开发者更容易地实现MVVM设计模式。
该库提供了一些基础类,如ObservableObject
和ObservableRecipient
,这些类实现了INotifyPropertyChanged
接口,并提供了SetProperty
方法,可以在属性值改变时触发PropertyChanged
事件。这使得数据绑定变得更加简单和高效。
此外,该库还提供了ICommand
接口的实现,如RelayCommand
和AsyncRelayCommand
,这些类可以帮助你创建命令,命令是MVVM模式中的一个重要组成部分。
CommunityToolkit.Mvvm
还提供了一些其他有用的特性,如消息传递、设计时数据支持等,这些特性可以帮助你更好地组织和管理你的代码。
CommunityToolkit.Mvvm
是一个强大的工具,它可以帮助你更容易地实现MVVM模式,从而提高你的代码质量和开发效率。
修改之后的ViewModel如下所示:
public partial class MainViewModel :ObservableObject
{
public ObservableCollection<User> Users { get; set; }
public ICommand AddUserCommand { get; set; }
public ICommand TestCommand { get; set; }
[ObservableProperty]
private string? _name;
/* public string? Name
{
get { return _name; }
set
{
if (_name != value)
{
_name = value;
OnPropertyChanged(nameof(Name));
}
}
}*/
public int MyProperty { get; set; }
[ObservableProperty]
private string? _email;
/* public string? Email
{
get { return _email; }
set
{
if (_email != value)
{
_email = value;
OnPropertyChanged(nameof(Email));
}
}
}*/
public MainViewModel()
{
Users = UserManager.GetUsers();
AddUserCommand = new Commands.RelayCommand(Adduser, CanAddUser);
TestCommand = new Commands.RelayCommand(TestAction, CanTest);
}
public event PropertyChangedEventHandler? PropertyChanged;
protected virtual void OnPropertyChanged(string propertyName)
{
PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}
[RelayCommand]
private void Adduser(object obj)
{
User user = new User();
user.Name = Name;
user.Email = Email;
UserManager.AddUser(user);
}
private bool CanAddUser(object obj)
{
return true;
}
private bool CanTest(object obj)
{
return true;
}
[RelayCommand]
private void TestAction(object obj)
{
Users[0].Name = "demo";
Users[0].Email = "1130@qq.com";
//Name = "demo";
//Email = "1130@qq.com";
}
}
修改之后的User类如下所示:
public partial class User:ObservableObject
{
[ObservableProperty]
private string? _name;
/* public string? Name
{
get { return _name; }
set
{
if(_name!= value)
{
_name = value;
OnPropertyChanged(nameof(Name));
}
}
}
*/
[ObservableProperty]
private string? _email;
/*public string? Email
{
get { return _email; }
set
{
if (_email != value)
{
_email = value;
OnPropertyChanged(nameof(Email));
}
}
}*/
public event PropertyChangedEventHandler? PropertyChanged;
protected virtual void OnPropertyChanged(string propertyName)
{
PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}
}
现在我们的ViewModel与Model就可以简化了。
MVVM模式,创建实现ICommand
接口的RelayCommand
类,实现INotifyPropertyChanged
接口的MainViewModel
类与User
类。使用数据绑定与命令绑定改写xaml页面。
最后手动实现MVVM模式,需要写很多代码,比较复杂与麻烦,我们使用MVVM库来简化MVVM模式的实现。