既然講到MVVM模式，自然第一個問題就是MVVM的含義。MVVM是Model-View-ViewModel的縮寫形式，它通常被用於WPF或Silverlight開發。

模型(Model)

　　Model——可以理解為帶有欄位，屬性的類。

檢視(View)

　　View——可以理解為我們所看到的UI。

檢視模型(View Model)

View Model在View和Model之間，起到連線的作用，並且使得View和Model層分離。View Model不僅僅是Model的包裝，它還包含了程式邏輯，以及Model擴充套件，例如，如果Model中有一個公開屬性不需要在UI上顯示，此時我們可以不再View Model中去定義它。

MVVM的例子

<Window.DataContext>
        <vm:ViewModel1></vm:ViewModel1>
    </Window.DataContext>
    <Grid Background="{Binding BgColor,Mode=TwoWay}"  >
        <Button x:Name="c" Height="20" Width="30"  Command="{Binding ChangeBg}" >
        </Button>
    </Grid>
 

public readonly static DependencyProperty BgColorProperty = DependencyProperty.Register("BgColor",typeof(Brush),typeof(ViewModel1));

        

        public Brush BgColor
        {
            get
            {
                return (Brush)GetValue(BgColorProperty);
            }
            set
            {
                SetValue(BgColorProperty, value);
            }
            //get;set;
        }

        public ICommand ChangeBg {
            get {
                return new DelegateCommand(
                    (param) => {
                        this.BgColor = Brushes.Blue;
                        //MessageBox.Show(param.ToString());
                    }
                   ,(v)=> { return true; } );
            }
        }

      

        class DelegateCommand : ICommand
        {
            private Action<object> executeAction;
            private Func<object, bool> canExecuteFunc;
            public event EventHandler CanExecuteChanged;

            public DelegateCommand(Action<object> execute)
                : this(execute, null)
            { }

            public DelegateCommand(Action<object> execute, Func<object, bool> canExecute)
            {
                if (execute == null)
                {
                    return;
                }
                executeAction = execute;
                canExecuteFunc = canExecute;
            }

            public bool CanExecute(object parameter)
            {
                if (canExecuteFunc == null)
                {
                    return true;
                }
                return canExecuteFunc(parameter);
            }

            public void Execute(object parameter)
            {
                if (executeAction == null)
                {
                    return;
                }
                executeAction(parameter);
            }

          

        }
 

Viewmodel1 即為window的邏輯處理類 將其設定為window的datacontext

需要注意的是BgColor 必須為依賴屬性DependencyProperty  這樣在BgColor 的value改變時才能及時影響到view

命令繫結 commandbinding

wpf 內建了很多預定義的命令 可以在view中為預定義的命令設定處理函式 （只在當前元素及其子元素中有效？）

<Window.CommandBindings>
        <CommandBinding Command="ApplicationCommands.Open"
                         Executed="cmd_Open_Executed">
        </CommandBinding>
    </Window.CommandBindings>

然後再講元素的command繫結到預定義命令

<Button x:Name="c" Height="20" Width="30"  Command="ApplicationCommands.Open" >

那麼問題來了 對於 Grid 這些沒有command屬性的元素怎麼繫結命令呢

我們可以用InputBindings為輸入裝置對於此元素不同的輸入繫結處理

<Grid.InputBindings>
            <MouseBinding  Gesture="LeftClick"   Command="{Binding ChangeBg}"></MouseBinding>
            <KeyBinding Gesture="Alt+S" Command="{Binding ChangeBg}"></KeyBinding>
        </Grid.InputBindings>