MvvmLight(二)数据绑定DataBinding

数据绑定DataBinding

使用目的

目的一：
————View的值在后台ViewModel（或者是Logic、Model）层自动获取到
目的二：
————ViewModel(或者是Logic、Model)层的值在View上显示

如何使用

• 步骤一：构建属性
  (在ViewModel上示例)在ViewModel上用快捷键propfull,然后Tab两下或者自己手敲构建如下代码

private int myVar;

public int MyProperty
{
    get { return myVar; }
    set { myVar = value; }
}

但是我们想要显示的是个String，修改后如下：

private string _food;

public string Food
{
    get { return _food; }
    set { _food = value; }
}

• 步骤二： 加入DataBinding,绑定后台
  只需一行代码RaisePropertyChanged();，继承的ViewModelBase,如下

private string _food;

public string Food
{
    get { return _food; }
    set
    {
        _food = value; 
        RaisePropertyChanged();
    }
}

• 步骤三：DataBinding绑定前台
  在View上搞一个TextBlock，Text属性绑定我们的Food属性，如下：
  

• 步骤四：测试及结果
  在后台给Food赋值看看，或者给换成TextBox，然后在前台输入值Debug看看，如图
  

搞定