一个简单的WPF MVVM实例【转载】

引用地址：http://blog.csdn.net/yl2isoft/article/details/20838149

1 新建WPF 应用程序WPFMVVMExample

程序结构如下图所示。

2 Model实现

在Model文件夹下新建业务类StudentModel（类文件StudentModel.cs），类的详细代码如下所示。

[csharp] view plain copy

  1. using System.ComponentModel;
  2. namespace WPFMVVMExample.Model
  3. {
  4. public class StudentModel : INotifyPropertyChanged
  5. {
  6. /// <summary>
  7. /// 学号
  8. /// </summary>
  9. private int studentId;
  10. public int StudentId
  11. {
  12. get
  13. {
  14. return studentId;
  15. }
  16. set
  17. {
  18. studentId = value;
  19. NotifyPropertyChanged("StudentId");
  20. }
  21. }
  22. /// <summary>
  23. /// 姓名
  24. /// </summary>
  25. private string studentName;
  26. public string StudentName
  27. {
  28. get
  29. {
  30. return studentName;
  31. }
  32. set
  33. {
  34. studentName = value;
  35. NotifyPropertyChanged("StudentName");
  36. }
  37. }
  38. /// <summary>
  39. /// 年龄
  40. /// </summary>
  41. private int studentAge;
  42. public int StudentAge
  43. {
  44. get
  45. {
  46. return studentAge;
  47. }
  48. set
  49. {
  50. studentAge = value;
  51. NotifyPropertyChanged("StudentAge");
  52. }
  53. }
  54. /// <summary>
  55. /// Email
  56. /// </summary>
  57. private string studentEmail;
  58. public string StudentEmail
  59. {
  60. get
  61. {
  62. return studentEmail;
  63. }
  64. set
  65. {
  66. studentEmail = value;
  67. NotifyPropertyChanged("StudentEmail");
  68. }
  69. }
  70. /// <summary>
  71. /// 性别
  72. /// </summary>
  73. private string studentSex;
  74. public string StudentSex
  75. {
  76. get
  77. {
  78. return studentSex;
  79. }
  80. set
  81. {
  82. studentSex = value;
  83. NotifyPropertyChanged("StudentSex");
  84. }
  85. }
  86. public event PropertyChangedEventHandler PropertyChanged;
  87. public void NotifyPropertyChanged(string propertyName)
  88. {
  89. if (PropertyChanged != null)
  90. {
  91. PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
  92. }
  93. }
  94. }
  95. }

StudentModel类实现了接口INotifyPropertyChanged。当类实现该接口后，便可以向执行绑定的客户端发出某一属性值已更改的通知。

3 ViewModel实现

在ViewModel文件夹下新建类文件StudentViewModel.cs,类文件的详细代码如下所示。

[csharp] view plain copy

  1. using System;
  2. using System.Windows.Input;
  3. using WPFMVVMExample.Model;
  4. namespace WPFMVVMExample.ViewModel
  5. {
  6. public class StudentViewModel
  7. {
  8. public DelegateCommand ShowCommand { get; set; }
  9. public StudentModel Student { get; set; }
  10. public StudentViewModel()
  11. {
  12. Student = new StudentModel();
  13. ShowCommand=new DelegateCommand();
  14. ShowCommand.ExecuteCommand = new Action<object>(ShowStudentData);
  15. }
  16. private void ShowStudentData(object obj)
  17. {
  18. Student.StudentId = 1;
  19. Student.StudentName = "tiana";
  20. Student.StudentAge = 20;
  21. Student.StudentEmail = "[email protected]";
  22. Student.StudentSex = "大帅哥";
  23. }
  24. }
  25. public class DelegateCommand : ICommand
  26. {
  27. public Action<object> ExecuteCommand = null;
  28. public Func<object, bool> CanExecuteCommand = null;
  29. public event EventHandler CanExecuteChanged;
  30. public bool CanExecute(object parameter)
  31. {
  32. if (CanExecuteCommand != null)
  33. {
  34. return this.CanExecuteCommand(parameter);
  35. }
  36. else
  37. {
  38. return true;
  39. }
  40. }
  41. public void Execute(object parameter)
  42. {
  43. if (this.ExecuteCommand != null)
  44. {
  45. this.ExecuteCommand(parameter);
  46. }
  47. }
  48. public void RaiseCanExecuteChanged()
  49. {
  50. if (CanExecuteChanged != null)
  51. {
  52. CanExecuteChanged(this, EventArgs.Empty);
  53. }
  54. }
  55. }
  56. }

代码中，除了定义StudentViewModel类外，还定义了DelegateCommand类，该类实现了ICommand接口。

ICommand接口中的Execute（）方法用于命令的执行，CanExecute（）方法用于指示当前命令在目标元素上是否可用，当这种可用性发生改变时便会触发接口中的CanExecuteChanged事件。

我们可以将实现了ICommand接口的命令DelegateCommand赋值给Button（命令源）的Command属性（只有实现了ICommandSource接口的元素才拥有该属性），这样Button便与命令进行了绑定。

4 MainWindow.xaml实现

MainWindow.xaml的界面如下图所示。

MainWindow.xaml界面的xaml代码如下所示。

[html] view plain copy

  1. <Window x:Class="WPFMVVMExample.MainWindow"
  2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. Title="MainWindow" Height="350" Width="525">
  5. <Grid>
  6. <Label Content="学号" Height="28" HorizontalAlignment="Left" Margin="54,23,0,0" Name="labelStudentId" VerticalAlignment="Top" />
  7. <TextBox Text="{Binding Student.StudentId}" IsReadOnly="True" Height="23" HorizontalAlignment="Right" Margin="0,27,289,0" Name="textBoxStudentId" VerticalAlignment="Top" Width="120" />
  8. <Label Content="姓名" Height="28" HorizontalAlignment="Left" Margin="54,61,0,0" Name="labelStudentName" VerticalAlignment="Top" />
  9. <TextBox Text="{Binding Student.StudentName}" IsReadOnly="True" Height="23" HorizontalAlignment="Left" Margin="94,65,0,0" Name="textBoxStudentName" VerticalAlignment="Top" Width="120" />
  10. <Label Content="年龄" Height="28" HorizontalAlignment="Left" Margin="54,94,0,0" Name="labelStudentAge" VerticalAlignment="Top" />
  11. <TextBox Text="{Binding Student.StudentAge}" IsReadOnly="True" Height="23" HorizontalAlignment="Left" Margin="94,99,0,0" Name="textBoxStudentAge" VerticalAlignment="Top" Width="120" />
  12. <Label Content="Email" Height="28" HorizontalAlignment="Left" Margin="50,138,0,0" Name="labelStudentEmail" VerticalAlignment="Top" />
  13. <TextBox Text="{Binding Student.StudentEmail}" IsReadOnly="True" Height="23" HorizontalAlignment="Left" Margin="94,141,0,0" Name="textBoxStudentEmail" VerticalAlignment="Top" Width="120" />
  14. <Label Content="性别" Height="28" HorizontalAlignment="Left" Margin="57,176,0,0" Name="labelStudentSex" VerticalAlignment="Top" />
  15. <TextBox Text="{Binding Student.StudentSex}" IsReadOnly="True" Height="23" HorizontalAlignment="Left" Margin="94,180,0,0" Name="textBoxStudentSex" VerticalAlignment="Top" Width="120" />
  16. <Button Command="{Binding ShowCommand}" Content="显示" Height="23" HorizontalAlignment="Left" Margin="345,27,0,0" Name="buttonShow" VerticalAlignment="Top" Width="75" />
  17. </Grid>
  18. </Window>

MainWindow.xaml的后端代码如下所示。

[csharp] view plain copy

  1. using System.Windows;
  2. using WPFMVVMExample.ViewModel;
  3. namespace WPFMVVMExample
  4. {
  5. /// <summary>
  6. /// MainWindow.xaml 的交互逻辑
  7. /// </summary>
  8. public partial class MainWindow : Window
  9. {
  10. public MainWindow()
  11. {
  12. InitializeComponent();
  13. this.DataContext = new StudentViewModel();
  14. }
  15. }
  16. }

5 运行程序

运行程序，点击“显示”按钮，即将数据绑定至界面显示。

6 说明

WPF中使用MVVM可以降低UI显示与后端逻辑代码的耦合度，即更换界面时，只需要修改很少的逻辑代码就可以实现，甚至不用修改。

在WinForm开发中，我们一般会直接操作界面的元素（如：TextBox1.Text=“aaa”），这样一来，界面变化后，后端逻辑代码也需要做相应的变更。

在WPF中使用数据绑定机制，当数据变化后，数据会通知界面变更的发生，而不需要通过访问界面元素来修改值，这样在后端逻辑代码中也就不必操作或者很少操作界面的元素了。

使用MVVM，可以很好的配合WPF的数据绑定机制来实现UI与逻辑代码的分离，MVVM中的View表示界面，负责页面显示，ViewModel负责逻辑处理，包括准备绑定的数据和命令，ViewModel通过View的DataContext属性绑定至View，Model为业务模型，供ViewModel使用。

时间： 2024-10-21 22:23:24

一个简单的WPF MVVM实例【转载】的相关文章

C# 最简单的三层架构实例 ——转载自网易博客

代码        /// <summary>        /// 初始化登录名称.登录密码(Model类)        /// </summary>        private string adminUser = string.Empty; //设置用户名称为空值        private string adminPwd = string.Empty; //设置用户密码为空值        public string AdminUser        {       

一个简单的jsp+servlet实例，实现简单的登录

开发环境myeclipse+tomcat5.5 一.先创建web project 在菜单栏选File->New->Web->Dynamic Web Project Project name我命名为JavaWebTest01 (可以随便起) Target runTime 选我们之前tomcat配置的版本. 一直NEXT到Finish 二.新建jsp页面 1.在WebContent下新建一个jsp页面(如果列表里没有jsp选项,到other里去找) 这里我给jsp页面的名字命为welcome

工位上的Python——一个简单的UDP广播实例

最近状态神勇,头脑清晰,趁此良机,多多学习,多多看书,把以前看不懂的地方重新看了下,收获匪浅,现把两个简单的小例子献给大家: 先是一个简单的UDP广播接收的小服务器,使用UDP广播,需要注意下协议的使用,已经最最重要的socket选项的设置,设置为传说中的"socket.SO_BROADCAST",不需要有监听,接收客户端的消息使用recvfrom,发送消息使用sendto: 代码如下: !/usr/bin/env python  #coding:utf-8 import socket

一个简单的WPF字体选择器实现

很久没有写博客了. 这是放暑假中的第一篇博客,以后会多多更新!!! 这就是我写的一个字体选择器,界面如下: 本程序用到的技术比较简单,仅仅是用了Font类的几个方法和数据绑定而已. 首先建一个四行两列的Grid,添加一个ComboBox,命名为fonts.然后在添加若干个TextBlock和一个TextBox(用于显示字体名称),如上图所示. 以下是完整的xaml: <Window x:Class="WpfApplication7.MainWindow" xmlns="

一个简单的Android小实例

一.配置环境 1.下载intellij idea15 2.安装Android SDK,通过Android SDK管理器安装或卸载Android平台 3.安装JDK 二.intellij idea新建Android工程 1.File->New-Project... 2.选择Android->Application Module,下一步 说明:建议选择这个项,建立的是一个可以运行的几乎是空的工程,是用ant进行构建的目录结构: gradle:Android module,建立的工程是以gradle

利用Maven快速创建一个简单的spring boot 实例

Spring Boot的好处:spring boot 大大减少了 使用spring的配置 和大量 xml 文件,并有效解决的项目之间的依赖问题,为想使用 spring项目 大大减轻的工作量 1.先创建一个Maven项目 2.配置pom.xml <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:s

一个简单的.NET MVC实例

看到某博主的文章觉得很有用,拿过来自己动手实现一下: MVC框架里,有些默认的路由规则(当然是可以自定义的),这个规则比较特别 好了,直接来个实例吧! 首先,新建一个空的MVC项目,如图,这里是MVC 2.0版 这里命名为"FirstMvc" ,自动添加好了项目的目录结构 在"Controller"目录下面新建一个控制器,命名为"MemberController.cs" 同时在"View"目录下添加相应的视图,这里添加一个In

一个简单的WPF学生点名软件

前段时间,媳妇说让我她做个教学点名软件. 需求比较简单:实现学生点名就可以了,第一可以全班学生的点名,第二可以分组点名,第三能够分男女点名. 本人水平一般,考虑了下用WPF做吧,正好也了解学习下WPF. 思路很简单:学生信息存在固定格式的Excel文档中,包括姓名.学号.性别.小组.照片等信息,读取Excel文档,进行初始化就OK了. 点名模式:自动模式和手动模式. 显示模式:卡通模式.照片模式.数字模式. 学习小组:10个小组. 下面附上截图: 最后附上源码地址:http://pan.baid

【安卓开发】一个简单快递查询APP实例的实现摘要

前言 做毕业设计涉及到安卓开发,决定好好学习安卓开发.在正式做毕业设计之前,有必要先设计和完成一个与毕业设计最终成果相关的demo或者说样例APP.最终毕业设计需要实现的功能包括通过调用PHP端API实现JSON获取和解析,等功能.而快递查询APP恰好具有我最终实现功能大部分的前置效果,故选取制作一个快递查询APP来练手 关键词 安卓开发.JSON .API .HTTP.毕业设计 历程记录 平台和工具(开发.调试.运行) 本案例使用的开发工具为AndroidStudio3.4,在开发向导内选择从