2024年终活动

DevExpress控件使用交流,DevExpress中国社区Dev联系电话 联系电话:023-68661681

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

来源:   发布时间:2022-04-21   浏览:1076次

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="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="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
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.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      欢迎一起进群讨论

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

慧都图表线上公开课火热报名中
本站文章除注明转载外,均为本站原创或翻译
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明:文章转载自:DevExpress控件中文网 [https://www.devexpresscn.com/]
本文地址:https://www.devexpresscn.com/post/3013.html

相关产品: DevExpress Universal Subscription,

扫码咨询
电话咨询
023-68661681
返回
顶部