wpf MVVM框架基礎

一。MVVM為Model—View—ViewModel，可以實現UI和業務邏輯分離、解耦合，業務邏輯代碼不與UI中具體的控件關聯。

View中即UI界面，ViewModel中則是業務邏輯，兩者之間通過數據綁定實現。

綁定分為數據綁定和命令綁定。

　　數據屬性如TextBox，Slider等可以改變值的控件

　　命令屬性如按鈕

在wpf中，MvvM設計模式可以使用Prism提供的框架實現。Prism安裝方式：

1.在菜單欄-擴展中安裝Prism Template Pack

 2.重新啟動VS等待安裝，並且新建Prism Blank App（wpf）

 

二。簡單實例。

1.實現功能：通過textbox1，textbox2值，按button 得到textbox3值。

 分析：3個textbox為數據屬性，Button為命令屬性。

2.MainWindowViewModel中為業務邏輯。代碼如下：

using Prism.Commands; //添加引用
using Prism.Mvvm; 
using System; 

namespace MVVM.ViewModels
{
    public class MainWindowViewModel : BindableBase
    {
        private string _title = "Prism Application";
        public string Title
        {
            get { return _title; }
            set { SetProperty(ref _title, value); }
        }

        private double input1;  //添加數據屬性

        public double Input1
        {
            get { return input1; }
            set { input1 = value; }
        }

        private double intput2; //添加數據屬性

        public double Input2
        {
            get { return intput2; }
            set { intput2 = value; }
        }

        private double result;

        public double Result //添加數據屬性
        {
            get { return result; }
            set { 
                result = value;
                RaisePropertyChanged("Result"); //在Result值改變后通知Binding，Bing會改變與Result相關聯的控件屬性
            }
        }

       public DelegateCommand AddCommand { get; set; }//添加命令屬性委托
       private void add()
        {
            this.Result = this.Input1 + this.Input2;
        }

        public MainWindowViewModel()
        {
            this.AddCommand = new DelegateCommand(new Action(add));//委托執行add
        }
    }
}

3.在xmal中添加綁定

 

結果：