界面控件DevExpress WPF入门级指南：运行时生成的POCO视图模型（一）

本文主要介绍DevExpress MVVM架构下生成的POCO视图模型，欢迎下载官方正式版体验！

POCO(Plain Old CLR Objects)视图模型简化并加快了开发过程。

POCO 视图模型允许您：

• 将可绑定属性定义为简单的自动实现的属性。
• 创建在运行时用作命令的方法。
• 使属性和方法实现特定于 MVVM 的接口。

这允许您创建干净、简单、可维护和可测试的 MVVM 代码，POCO 视图模型与任何 WPF 控件完全兼容。

您可以使用在编译时生成的视图模型在编译时为您的视图模型生成样板代码。

生成 POCO 视图模型的基础知识

POCO 类不实现接口，也不需要继承自基类，例如 ViewModelBase 或 BindableBase。要将 POCO 类转换为功能齐全的 ViewModel，请使用 DevExpress.Mvvm.POCO.ViewModelSource.Create 方法创建一个类实例，请参见下面的示例。

C#

public class LoginViewModel {//This property will be converted to a bindable onepublic virtual string UserName { get; set; }//SaveAccountSettingsCommand will be created for the SaveAccountSettings and CanSaveAccountSettings methods://SaveAccountSettingsCommand = new DelegateCommand<string>(SaveAccountSettings, CanSaveAccountSettings);public void SaveAccountSettings(string fileName) {//...}public bool CanSaveAccountSettings(string fileName) {return !string.IsNullOrEmpty(fileName);}//We recommend that you not use public constructors to prevent creating the View Model without the ViewModelSourceprotected LoginViewModel() { }//This is a helper method that uses the ViewModelSource class for creating a LoginViewModel instancepublic static LoginViewModel Create() {return ViewModelSource.Create(() => new LoginViewModel());}}

您可以使用 ViewModelSource 类在 XAML 中创建视图模型实例。

XAML

<UserControl x_Class="DXPOCO.Views.LoginView"xmlns:dxmvvm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm"xmlns:ViewModels="clr-namespace:DXPOCO.ViewModels"DataContext="{dxmvvm:ViewModelSource Type=ViewModels:LoginViewModel}"...><Grid><!--...--></Grid></UserControl>

ViewModelSource.Create 方法使用Reflection Emit 创建指定 ViewModel 类的后代，并在运行时返回后代类实例。 下面的代码类似于 ViewModelSource 基于 LoginViewModel 类生成的代码。

C#

public class LoginViewModel_EXTENSION : LoginViewModel, INotifyPropertyChanged {public override string UserName {get { return base.UserName; }set {if(base.UserName == value) return;base.UserName = value;RaisePropertyChanged("UserName");}}DelegateCommand<string> saveAccountSettingsCommand;public DelegateCommand<string> SaveAccountSettingsCommand {get {return saveAccountSettingsCommand (saveAccountSettingsCommand =new DelegateCommand<string>(SaveAccountSettings, CanSaveAccountSettings));}}//INotifyPropertyChanged Implementation}

将参数传递给 ViewModel 构造函数

您可以使用以下任何方法将参数传递给 ViewModel 的构造函数。

• 使用 lambda 表达式。 Lambda 表达式的工作速度较慢，因为它们没有被缓存并且是在每次方法调用时重新编译的。

C#

ViewModelSource.Create(() => new LoginViewModel(caption: "Login") {UserName = "John Smith"});

• 使用delegates。这种技术比 lambda 表达式工作得更快，因为编译的委托实例可以被缓存，这是将参数传递给 ViewModel 构造函数的最快技术。

C#

var factory = ViewModelSource.Factory((string caption) => new LoginViewModel(caption));factory("Login");

这个例子演示了如何使用 POCO 机制来创建视图模型。

LoginView.xaml

<UserControl x_Class="Example.View.LoginView"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:ViewModel="clr-namespace:Example.ViewModel"xmlns:dxmvvm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm"xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"mc:Ignorable="d" d_DesignHeight="500" d_DesignWidth="600"DataContext="{dxmvvm:ViewModelSource Type=ViewModel:LoginViewModel}"><dxmvvm:Interaction.Behaviors><dx:DXMessageBoxService/></dxmvvm:Interaction.Behaviors><Grid x_Name="LayoutRoot" Background="White"><StackPanel Orientation="Vertical"><StackPanel Orientation="Horizontal" Margin="10"><TextBlock Text="UserName: " Margin="3" VerticalAlignment="Center"/><TextBox Text="{Binding UserName, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Margin="3" Width="80"/></StackPanel><Button Content="Login" Command="{Binding LoginCommand}" Margin="5"HorizontalAlignment="Left"/></StackPanel></Grid></UserControl>

LoginViewModel.cs

using DevExpress.Mvvm;using DevExpress.Mvvm.DataAnnotations;using DevExpress.Mvvm.POCO;namespace Example.ViewModel {[POCOViewModel]public class LoginViewModel {public static LoginViewModel Create() {return ViewModelSource.Create(() => new LoginViewModel());}protected LoginViewModel() { }public virtual string UserName { get; set; }public void Login() {this.GetService<IMessageBoxService>().Show("Login succeeded", "Login", MessageButton.OK, MessageIcon.Information, MessageResult.OK);}public bool CanLogin() {return !string.IsNullOrEmpty(UserName);}}}

LoginViewModel.vb

Imports DevExpress.MvvmImports DevExpress.Mvvm.DataAnnotationsImports DevExpress.Mvvm.POCONamespace Example.ViewModel<POCOViewModel> _Public Class LoginViewModelPublic Shared Function Create() As LoginViewModelReturn ViewModelSource.Create(Function() New LoginViewModel())End FunctionProtected Sub New()End SubPublic Overridable Property UserName() As StringPublic Sub Login()Me.GetService(Of IMessageBoxService)().Show("Login succeeded", "Login", MessageButton.OK, MessageIcon.Information, MessageResult.OK)End SubPublic Function CanLogin() As BooleanReturn Not String.IsNullOrEmpty(UserName)End FunctionEnd ClassEnd Namespace

DevExpress WPF | 下载试用

DevExpress WPF拥有120+个控件和库，将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpress WPF能创建有着强大互动功能的XAML基础应用程序，这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案。 无论是Office办公软件的衍伸产品，还是以数据为中心的商业智能产品，都能通过DevExpress WPF控件来实现。

DevExpress技术交流群6：600715373      欢迎一起进群讨论

更多DevExpress线上公开课、中文教程资讯请上中文网获取

来源：慧都