彩票走势图

界面控件DevExpress WPF入门级指南:运行时生成的POCO视图模型(一)

翻译|使用教程|编辑:龚雪|2022-04-21 10:06:30.253|阅读 147 次

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

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

POCO 视图模型允许您:

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

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

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

DevExpress WPF v21.2正式版下载

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

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

C#

public class LoginViewModel {
//This property will be converted to a bindable one
public 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 ViewModelSource
protected LoginViewModel() { }
//This is a helper method that uses the ViewModelSource class for creating a LoginViewModel instance
public static LoginViewModel Create() {
return ViewModelSource.Create(() => new LoginViewModel());
}
}

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

XAML

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

ViewModelSource.Create 方法使用创建指定 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="//schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="//schemas.microsoft.com/winfx/2006/xaml"
xmlns:ViewModel="clr-namespace:Example.ViewModel"
xmlns:dxmvvm="//schemas.devexpress.com/winfx/2008/xaml/mvvm"
xmlns:dx="//schemas.devexpress.com/winfx/2008/xaml/core"
xmlns:d="//schemas.microsoft.com/expression/blend/2008"
xmlns:mc="//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.Mvvm
Imports DevExpress.Mvvm.DataAnnotations
Imports DevExpress.Mvvm.POCO

Namespace Example.ViewModel
<POCOViewModel> _
Public Class LoginViewModel
Public Shared Function Create() As LoginViewModel
Return ViewModelSource.Create(Function() New LoginViewModel())
End Function
Protected Sub New()
End Sub

Public Overridable Property UserName() As String
Public Sub Login()
Me.GetService(Of IMessageBoxService)().Show("Login succeeded", "Login", MessageButton.OK, MessageIcon.Information, MessageResult.OK)
End Sub
Public Function CanLogin() As Boolean
Return Not String.IsNullOrEmpty(UserName)
End Function
End Class
End Namespace

DevExpress WPF | 下载试用

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


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

慧都图表线上公开课火热报名中

标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP