MVVM示例程序

目录

一 定义可通知属性

二 定义前端并绑定

三 运行效果

一 定义可通知属性

 internal class MainViewModel : ObservableObject
 {
     /// <summary>
     /// 供前端的Command命令Binding调用
     /// </summary>
     public RelayCommand ShowCommand { get; set; }


     public MainViewModel()
     {
         ShowCommand = new RelayCommand(Show);
     }
     private string name;
     public string Name
     {
         get { return name; }
         set { name = value; OnPropertyChanged(); }
     }
     private string title;
     public string Title
     {
         get { return title; }
         set { title = value; OnPropertyChanged(); }
     }

     public void Show()
     {
         Title = "你点击了按钮 this is Title";
         Name = "你点击了按钮  this is Name";
         MessageBox.Show(Name);
         WeakReferenceMessenger.Default.Send<string, string>(Title, "Token1");
     }
 }

二 定义前端并绑定

<Window x:Class="ToolKitMVVMTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:ToolKitMVVMTest"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <TextBox HorizontalAlignment="Left" Margin="145,52,0,0" TextWrapping="Wrap" Text="{Binding Name}" VerticalAlignment="Top" Width="517" Height="189"/>
        <Button Content="Button" HorizontalAlignment="Left" Margin="245,294,0,0" VerticalAlignment="Top" Height="72" Width="278" Command="{Binding ShowCommand}"/>

    </Grid>


</Window>

 /// <summary>
 /// Interaction logic for MainWindow.xaml
 /// </summary>
 public partial class MainWindow : Window
 {
     public MainWindow()
     {
         InitializeComponent();
         this.DataContext = new MainViewModel();
         WeakReferenceMessenger.Default.Register<string, string>(this, "Token1", (s, val) =>
         {
             MessageBox.Show(val);
         });


     }
 }

三 运行效果