使用 MVVMLight 绑定数据（转）-白红宇

使用 MVVMLight 绑定数据（转）

阅读量：5139 次

发布时间：2019-06-13

本文共 3404 字，大约阅读时间需要 11 分钟。

MVVMLight绑定数据示例

好了，我们在新建了两个项目，分别是“MVVMLight的主程序” 与 “Model层”，运行的效果及解决方案结构如下：

其实很简单，就是绑定了一个数据源而已，编写的代码也不多，下面我们来一步一步的实现使用MVVMLight来绑定数据，并了解其中的细节。

如何实现？

我这里使用的是.NET 4.5 ，你可以使用至少4.0以上的版本来实现这个项目（选择4.0/4.5 要选择想要的MVVMLight的引用文件），下面依次建立两个项目来实现。

1.建立Model层的项目

新建了一个命名为“MyModel”的类库项目，其中引用了MVVMLight相关程序集，然后包含一个User类即可。User.cs代码如下：

using GalaSoft.MvvmLight;

using System;

using System.Collections.Generic;

using System.Collections.ObjectModel;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

namespace MyModel

{

public class User : ObservableObject

{

private int _id;

/// <summary>

/// ID

/// </summary>

public int ID

{

get {
return _id; }

{

_id = value;

RaisePropertyChanged("ID");

}

}

private string _name;

/// <summary>

/// 名称

/// </summary>

public string Name

{

get {
return _name; }

{

_name = value;

RaisePropertyChanged("Name");

}

}

private string _domain;

/// <summary>

/// 网站域名

/// </summary>

public string Domain

{

get {
return _domain; }

{

_domain = value;

RaisePropertyChanged("Domain");

}

}

#region 模拟数据获取

/// <summary>

/// 模拟测试数据

/// </summary>

/// <returns></returns>

public static ObservableCollection<User> GetUserList()

{

ObservableCollection<User> list = new ObservableCollection<User>();

list.Add(new User() {
ID = 1, Name = "王旭", Domain = "www.wxzzz.com" });

list.Add(new User() {
ID = 2, Name = "王旭博客", Domain = "www.wxzzz.com" });

return list;

}

#endregion

}

}

User类主要继承了 ObservableObject 这个对象，这个对象其实也是ViewModelBase的父类，我们下面会用到。该类主要是实现了属性变更通知接口，如我们用到的：RaisePropertyChanged("");

User 类中包含了3个字段分别是

int ID

string Name

string Domain

然后包含了一个静态的GetUserList()方法。其他的就没什么了，这个项目就建立完毕了。

2.建立主程序项目

我这里使用的是WPF项目，当然你也可以建立其他类型的项目。建立好WPF项目之后，我们需要在项目中建立如下结构的文件

View -> UserView.xaml

ViewModel -> UserViewModel.cs

View 文件夹用于存放向用户展示的UI界面。

ViewModel 用于存放业务逻辑代码。

首先编写 UserViewModel 的代码如下

using System;

using System.Collections.Generic;

using System.Collections.ObjectModel;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

using GalaSoft.MvvmLight;

using MyModel;

namespace MVVMLightDemo.ViewModel

{

public class UserViewModel : ViewModelBase

{

public UserViewModel()

{

//初始化数据

_userData = User.GetUserList();

}

private ObservableCollection<User> _userData;

/// <summary>

/// 用户信息数据

/// </summary>

public ObservableCollection<User> UserData

{

get {
return _userData; }

{

_userData = value;

RaisePropertyChanged("UserData");

}

}

}

}

每个ViewModel类都将继承MVVMLight的 ViewModelBase 为父类，不过不要忘了 using GalaSoft.MvvmLight; 。继承之后就可以调用父类的 RaisePropertyChanged("属性名") 来实现属性变更通知了，在值有改变的时候那么UI界面绑定了该值的情况下就会收到通知跟随改变。

我在该类的构造函数中，对 UserData 进行了初始化，把数据给赋值上去了，那么在接下来的View中绑定 UserData 才会出现数据。

接下来开始编写 UserView.xaml 的代码如下