WPF Demo15 MVVM
项目结构如下:

<Window x:Class="MVVMDemo.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<Grid>
<Label Content="学号" Height="28" HorizontalAlignment="Left" Margin="54,23,0,0" Name="labelStudentId" VerticalAlignment="Top" />
<TextBox Text="{Binding Student.StudentId}" IsReadOnly="True" Height="23" HorizontalAlignment="Right" Margin="0,27,289,0" Name="textBoxStudentId" VerticalAlignment="Top" Width="120" />
<Label Content="姓名" Height="28" HorizontalAlignment="Left" Margin="54,61,0,0" Name="labelStudentName" VerticalAlignment="Top" />
<TextBox Text="{Binding Student.StudentName}" IsReadOnly="True" Height="23" HorizontalAlignment="Left" Margin="94,65,0,0" Name="textBoxStudentName" VerticalAlignment="Top" Width="120" />
<Label Content="年龄" Height="28" HorizontalAlignment="Left" Margin="54,94,0,0" Name="labelStudentAge" VerticalAlignment="Top" />
<TextBox Text="{Binding Student.StudentAge}" IsReadOnly="True" Height="23" HorizontalAlignment="Left" Margin="94,99,0,0" Name="textBoxStudentAge" VerticalAlignment="Top" Width="120" />
<Label Content="Email" Height="28" HorizontalAlignment="Left" Margin="50,138,0,0" Name="labelStudentEmail" VerticalAlignment="Top" />
<TextBox Text="{Binding Student.StudentEmail}" IsReadOnly="True" Height="23" HorizontalAlignment="Left" Margin="94,141,0,0" Name="textBoxStudentEmail" VerticalAlignment="Top" Width="120" />
<Label Content="性别" Height="28" HorizontalAlignment="Left" Margin="57,176,0,0" Name="labelStudentSex" VerticalAlignment="Top" />
<TextBox Text="{Binding Student.StudentSex}" IsReadOnly="True" Height="23" HorizontalAlignment="Left" Margin="94,180,0,0" Name="textBoxStudentSex" VerticalAlignment="Top" Width="120" />
<Button Command="{Binding ShowCommand}" Content="显示" Height="23" Margin="266,28,162,260" Name="buttonShow" Width="75" />
<Button Command="{Binding ResetCommand}" Content="重置" Height="23" HorizontalAlignment="Left" Margin="266,83,0,0" Name="button1" VerticalAlignment="Top" Width="75" />
</Grid>
</Window>
<!--
MVVM,可以很好的配合WPF的数据绑定机制来实现UI与逻辑代码的分离,
MVVM中的View表示界面,负责页面显示,ViewModel负责逻辑处理,包括
准备绑定的数据和命令,ViewModel通过View的DataContext属性绑定至View,
Model为业务模型,供ViewModel使用
--> <!--
ICommand接口中的Execute()方法用于命令的执行,CanExecute()方法用于指示当前命令
在目标元素上是否可用,当这种可用性发生改变时便会触发接口中的CanExecuteChanged事件。
我们可以将实现了ICommand接口的命令DelegateCommand赋值给Button(命令源)的Command
属性(只有实现了ICommandSource接口的元素才拥有该属性),这样Button便与命令进行了绑定。
-->
using System.ComponentModel; namespace MVVMDemo.Model
{
public class StudentModel : INotifyPropertyChanged
{
public event PropertyChangedEventHandler PropertyChanged;
public void OnPropertyChanged(string propertyName)
{
if (PropertyChanged != null)
PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
} /// <summary>
/// 学号
/// </summary>
private int studentId;
public int StudentId
{
get { return studentId; }
set
{
studentId = value;
OnPropertyChanged("StudentId");
}
} /// <summary>
/// 姓名
/// </summary>
private string studentName;
public string StudentName
{
get { return studentName; }
set
{
studentName = value;
OnPropertyChanged("StudentName");
}
} /// <summary>
/// 年龄
/// </summary>
private int studentAge;
public int StudentAge
{
get { return studentAge; }
set
{
studentAge = value;
OnPropertyChanged("StudentAge");
}
} /// <summary>
/// </summary>
private string studentEmail;
public string StudentEmail
{
get { return studentEmail; }
set
{
studentEmail = value;
OnPropertyChanged("StudentEmail");
}
} /// <summary>
/// 性别
/// </summary>
private string studentSex;
public string StudentSex
{
get { return studentSex; }
set
{
studentSex = value;
OnPropertyChanged("StudentSex");
}
}
}
} using System;
using System.Windows.Input; namespace MVVMDemo.Helper
{
public class DelegateCommandHelper : ICommand
{
public Action<object> ExecuteCommand = null;
public Func<object, bool> CanExecuteCommand = null;
public event EventHandler CanExecuteChanged; public bool CanExecute(object parameter)
{
if (CanExecuteCommand != null)
{
return this.CanExecuteCommand(parameter);
}
return true;
} public void Execute(object parameter)
{
if (this.ExecuteCommand != null) this.ExecuteCommand(parameter);
} public void RaiseCanExecuteChanged()
{
if (CanExecuteChanged != null) CanExecuteChanged(this, EventArgs.Empty);
}
}
} using System;
using MVVMDemo.Helper;
using MVVMDemo.Model; namespace MVVMDemo.ViewModel
{
public class StudentViewModel
{
//显示信息
public DelegateCommandHelper ShowCommand { get; set; }
//重置信息
public DelegateCommandHelper ResetCommand { get; set; } public StudentModel Student { get; set; } public StudentViewModel()
{
Student = new StudentModel();
ShowCommand = new DelegateCommandHelper();
ResetCommand = new DelegateCommandHelper();
ShowCommand.ExecuteCommand = new Action<object>(ShowStudentData);
ResetCommand.ExecuteCommand = new Action<object>(ResetStudentData);
} /// <summary>
/// 显示内容
/// </summary>
/// <param name="obj"></param>
private void ShowStudentData(object obj)
{
Student.StudentId = 1;
Student.StudentName = "令狐冲";
Student.StudentAge = 18;
Student.StudentEmail = "linghuchong@163.com";
Student.StudentSex = "大帅哥";
} /// <summary>
/// 重置内容
/// </summary>
/// <param name="obj"></param>
private void ResetStudentData(object obj)
{
Student.StudentId = 0;
Student.StudentName ="重置";
Student.StudentAge = 0;
Student.StudentEmail = "重置";
Student.StudentSex = "重置";
}
}
} using System.Windows;
using MVVMDemo.ViewModel; namespace MVVMDemo
{
/// <summary>
/// MainWindow.xaml 的交互逻辑
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent(); this.DataContext = new StudentViewModel();
}
}
}

方式二:
目录结构如下:

using Microsoft.Practices.Prism.ViewModel; namespace MVVM_PrismDemo2.Models
{
public class StudentModel : NotificationObject
{
private string studentId;
public string StudentId
{
get { return studentId; }
set
{
studentId = value;
RaisePropertyChanged("StudentId");
}
} private string studentName;
public string StudentName
{
get { return studentName; }
set
{
studentName = value;
RaisePropertyChanged("StudentName");
}
} private string studentAge;
public string StudentAge
{
get { return studentAge; }
set
{
studentAge = value;
RaisePropertyChanged("StudentAge");
}
} private string studentEmail;
public string StudentEmail
{
get { return studentEmail; }
set
{
studentEmail = value;
RaisePropertyChanged("StudentEmail");
}
} private string studentSex;
public string StudentSex
{
get { return studentSex; }
set
{
studentSex = value;
RaisePropertyChanged("StudentSex");
}
}
}
} using System;
using Microsoft.Practices.Prism.Commands;
using Microsoft.Practices.Prism.ViewModel;
using MVVM_PrismDemo2.Models; namespace MVVM_PrismDemo2.ViewModels
{
class StudentViewModel :NotificationObject
{
/// <summary>
/// 定义命令属性
/// </summary>
public DelegateCommand DisplayDataCommand { get; set; }
public DelegateCommand ResetDataCommand { get; set; } private StudentModel student;
public StudentModel Student
{
get { return student; }
set
{
student = value;
}
} public StudentViewModel()
{
Student = new StudentModel(); DisplayData(); //初始化命令属性
DisplayDataCommand = new DelegateCommand(new Action(DisplayData));
ResetDataCommand = new DelegateCommand(new Action(ResetData));
} private void DisplayData()
{
Student.StudentId = "1";
Student.StudentName = "令狐冲";
Student.StudentAge = "18";
Student.StudentEmail = "linghuchong@163.com";
Student.StudentSex = "大帅哥";
} private void ResetData()
{
Student.StudentId = "0";
Student.StudentName = "重置";
Student.StudentAge = "0";
Student.StudentEmail = "重置";
Student.StudentSex = "重置";
}
}
}
<Window x:Class="MVVM_PrismDemo2.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<Grid>
<Label Content="学号" Height="28" HorizontalAlignment="Left" Margin="54,23,0,0" Name="labelStudentId" VerticalAlignment="Top" />
<TextBox Text="{Binding Student.StudentId, Mode=TwoWay}" IsReadOnly="True" Height="23" HorizontalAlignment="Right" Margin="0,27,289,0" Name="textBoxStudentId" VerticalAlignment="Top" Width="120" />
<Label Content="姓名" Height="28" HorizontalAlignment="Left" Margin="54,61,0,0" Name="labelStudentName" VerticalAlignment="Top" />
<TextBox Text="{Binding Student.StudentName, Mode=TwoWay}" IsReadOnly="True" Height="23" HorizontalAlignment="Left" Margin="94,65,0,0" Name="textBoxStudentName" VerticalAlignment="Top" Width="120" />
<Label Content="年龄" Height="28" HorizontalAlignment="Left" Margin="54,94,0,0" Name="labelStudentAge" VerticalAlignment="Top" />
<TextBox Text="{Binding Student.StudentAge, Mode=TwoWay}" IsReadOnly="True" Height="23" HorizontalAlignment="Left" Margin="94,99,0,0" Name="textBoxStudentAge" VerticalAlignment="Top" Width="120" />
<Label Content="Email" Height="28" HorizontalAlignment="Left" Margin="50,138,0,0" Name="labelStudentEmail" VerticalAlignment="Top" />
<TextBox Text="{Binding Student.StudentEmail, Mode=TwoWay}" IsReadOnly="True" Height="23" HorizontalAlignment="Left" Margin="94,141,0,0" Name="textBoxStudentEmail" VerticalAlignment="Top" Width="120" />
<Label Content="性别" Height="28" HorizontalAlignment="Left" Margin="57,176,0,0" Name="labelStudentSex" VerticalAlignment="Top" />
<TextBox Text="{Binding Student.StudentSex, Mode=TwoWay}" IsReadOnly="True" Height="23" HorizontalAlignment="Left" Margin="94,180,0,0" Name="textBoxStudentSex" VerticalAlignment="Top" Width="120" />
<Button Command="{Binding DisplayDataCommand}" Content="显示" Height="23" Margin="266,28,162,260" Name="buttonShow" Width="75" />
<Button Command="{Binding ResetDataCommand}" Content="重置" Height="23" HorizontalAlignment="Left" Margin="266,83,0,0" Name="button1" VerticalAlignment="Top" Width="75" />
</Grid>
</Window>
using System.Windows;
using MVVM_PrismDemo2.ViewModels; namespace MVVM_PrismDemo2
{
/// <summary>
/// MainWindow.xaml 的交互逻辑
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent(); this.DataContext = new StudentViewModel();
}
}
}

WPF Demo15 MVVM的更多相关文章
- WPF 微信 MVVM 【续】修复部分用户无法获取列表
看过我WPF 微信 MVVM这篇文章的朋友,应该知道我里面提到了我有一个小号是无法获取列表的,始终也没找到原因. 前两天经过GitHub上h4dex大神的指导,知道了原因,是因为微信在登录以后,web ...
- WPF 微信 MVVM 【续】发送部分QQ表情
今天主要记录的就是发送QQ表情, WPF 微信 MVVM里写了,后期为了发送QQ表情,需要把TextBox替换为RichTextBox,接下来就说说替换的过程. 一.支持Binding的RichTex ...
- CleanAOP实战系列--WPF中MVVM自动更新
CleanAOP实战系列--WPF中MVVM自动更新 作者: 立地 邮箱: jarvin_g@126.com QQ: 511363759 CleanAOP介绍:https://github.com/J ...
- 从0到1:使用Caliburn.Micro(WPF和MVVM)开发简单的计算器
从0到1:使用Caliburn.Micro(WPF和MVVM)开发简单的计算器 之前时间一直在使用Caliburn.Micro这种应用了MVVM模式的WPF框架做开发,是时候总结一下了. Calibu ...
- WPF Prism MVVM 中 弹出新窗体. 放入用户控件
原文:WPF Prism MVVM 中 弹出新窗体. 放入用户控件 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/qq_37214567/artic ...
- WPF之MVVM模式(3)
有种想写一个MVVM框架的冲动!!! 1.Model中的属性应不应该支持OnPropertyChanged事件? 不应该.应该有ViewModel对该属性进行封装,由ViewModel提供OnProp ...
- 在WPF的MVVM框架中获取下拉选择列表中的选中项
文章概述: 本演示介绍怎样在WPF的MVVM框架中.通过数据绑定的方式获取下拉列表中的选中项.程序执行后的效果例如以下图所看到的: 相关下载(代码.屏幕录像):http://pan.baidu.com ...
- 【WPF】MVVM模式的3种command
原文:[WPF]MVVM模式的3种command 1.DelegateCommand 2.RelayCommand 3.AttachbehaviorCommand 因为MVVM模式适合于WPF和SL, ...
- 查杀进程小工具——WPF和MVVM初体验
最近因为工作需要,研究了一下桌面应用程序.在winform.WPF.Electron等几种技术里,最终选择了WPF作为最后的选型.WPF最吸引我的地方,就是MVVM模式了.MVVM模式完全把界面和业务 ...
随机推荐
- gl_PointSize偶数像素表现精准,基数会模糊化。
- 【c++基础】c++提升速度的方法总结
参考 1. C++程序提高运行速度的方法; 2. 提高C++程序运行效率的10个简单方法; 3. C++编程中提高程序运行效率的方式(不断更新); 完
- Unity 3D第三人称视角、用途广泛限定角度(视角不能360度翻转)
Unity第三人称相机视角控制 本文提供全流程,中文翻译. Chinar 坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) Chinar -- 心分 ...
- File available()方法
File类中的length()方法与IO中InputStream类中的available()方法功能重复? 只是返回值类型不同 前者返回long后者返回int 但本质上都一样表示文件的字节数 a ...
- HDU2029:Palindromes _easy version
Problem Description "回文串"是一个正读和反读都一样的字符串,比如"level"或者"noon"等等就是回文串.请写一个 ...
- 【HDOJ1811】【并查集预处理+拓扑排序】
http://acm.hdu.edu.cn/showproblem.php?pid=1811 Rank of Tetris Time Limit: 1000/1000 MS (Java/Others) ...
- ionic后台返回的数据是html模板的时候,解析html文件的方法:
1.后台返回来的数据格式是: { "state":"100", "data":[ {"Content": "\ ...
- 【BZOJ3240】【UOJ#124】【NOI2013】矩阵游戏
终于看懂一道题QAQ然而NOI都是这种难度题怎么玩QAQ 原题: 婷婷是个喜欢矩阵的小朋友,有一天她想用电脑生成一个巨大的n行m列的矩阵(你不用担心她如何存储).她生成的这个矩阵满足一个神奇的性质:若 ...
- 【liunx】date命令总结
命令简介: date 根据给定格式显示日期或设置系统日期时间.print or set the system date and time 指令所在路径:/bin/date 命令语法: date [OP ...
- git配置config文件
1.Git有一个工具被称为git config,它允许你获取和设置变量:这些变量可以控制Git的外观和操作的各个方面.这些变量以等级的不同可以被存储在三个不同的位置: (1) /etc/gitconf ...