整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

干货!DevExpress Winform界面效果实

干货!DevExpress Winform界面效果实现总结(Part 3)

evExpress是一家全球知名的控件开发公司, DevExpress也特指此公司出品的控件集合或某系列控件或其中某控件。我们应用最为广泛的是基于DevExpress Winform控件组,本文主要总结笔者在Winform开发框架中应用到的各种基于DevExpress Winform界面效果。

DevExpress WinForms Subscription官方最新版免费下载试用,历史版本下载,在线文档和帮助文件下载-慧都网

13. SplitContainerControl控件的分拆界面

左右分拆的界面布局效果如下所示。

或者主从表的界面效果:

14. 利用DevExpress的控件实现对PDF、Word、Excel文档的预览和操作处理

为了演示这些控件的处理,我单独编写了一个例子,用来实现对PDF、Word、Excel等文档的处理。

为了显示PDF文档,我们需要在界面里面添加一个XtraPdfViewer.PdfViewer的控件,这个主要是用来显示PDF的,它有很多属性方法,用来实现对PDF的处理操作。

其中RichEditControl能够较好显示Word文档,加载文档后,界面显示内容如下所示:

文档控件很容易支持打印预览功能,打印预览的界面如下所示:

对于Excel文档的预览和操作,DevExpress控件在最近版本中增加的XtraSpreadsheet.SpreadsheetControl控件就可以实现Excel的显示和处理操作,这个控件很强大,可以处理很复杂格式的Excel文档,虽然我原来使用了另外一个FarPoint Spread控件组,不过这个XtraSpreadsheet控件组,如果集成在DevExpress也就很方便了。

这个DevExpress的控件,可以在其中进行Excel的新建、保存、打印预览等操作,当然也可以打开我们已有的Excel文件了。

打开文件后,界面效果如下所示。

预览也很方便,和Word的预览操作类似。

如我在我的《Winform开发框架》、《混合式开发框架里面》使用的通用附件管理模块,就是基于这些特点,实现图片、Excel文档、Word文档和PDF等文档的在线预览和管理操作,界面截图如下所示。

15. WizardControl向导控件

在一些界面操作里面,我们可能把它拆分为几部进行处理,这个时候引入WizardControl向导控件应该是比较不错的选择了。多步的处理方式,可以让用户避免一次性输入太多内容的烦躁心情,也可以针对性的校验部分内容。

我们一般在DevExpress的VS工具栏里面选择导航布局选项卡,就可以找到对应的WizardControl向导控件了。

最终我们实现的效果如下所示。

16. 日程控件XtraScheduler

在一些应用场景中,我们可能需要记录某一天,某个时段的日程安排,那么这个时候就需要引入了DevExpress的日程控件XtraScheduler了,这个控件功能非常强大,提供了很好的界面展现方式,以及很多的事件、属性给我们定制修改,能很好满足我们的日程计划安排的需求。

整个日程控件,可以分为日视图、周视图、月视图等等,当然还有一些不常用的时间线、甘特图等,本例我们来关注控件的使用以及这几个视图的处理。先来看看他们的界面效果,如下所示。

日视图:

在视图里面,默认可以打开响应的日程事件进行编辑的。

周视图:

月视图:

由于控件,默认也是提供右键菜单,对几种控件视图进行切换的,如下菜单所示。

17. 背景加按钮排版,实现更加场景化的功能指引

在一些场景里面,如一些进销存的系统里面,我们往往把一些相关的模块处理放在一起,如进货、退货、库存调入、调出、产品、库存、盘点等这些信息,就是一个场景里面的内容,有时候可以把它们放在一起,但是如果单纯的放几个按钮,可能会显得比较单调一些,我们为了丰富界面效果,把界面设计效果如下所示。

这个界面虽说不是特别华丽,但是也是比仅仅放几个标准的按钮来的美观一些,而且按钮之间也设置了一些箭头来指示他们的流程或者从属关系,因此在一些场合,我们更倾向使用这种直观、清晰的界面表达方式,同时也增加了一定的美感。

利用图元的绘图工具如EDraw Max等等这些来绘制背景,预先留出放置图标按钮的位置,我们绘制一个背景如下所示。

绘制好这些背景,截图出来待用,记住要图片要预留一定的位置,并且具有一定的画布大小,我们想图片按正常方式设为背景即可,这样我们在窗口放大的时候,不至于直接看完图片了,截取出来的图片,左上角预留一定的位置即可。

在我们预先新建的窗体上面,设置它的BackgroundImage背景图片,如下图所示。

18. Winform开发框架介绍

WinForm开发框架详细了解可以访问:http://www.iqidi.com/Framework/info.html

DevExpress WinForm界面控件

DevExpress WinForm拥有180+组件和UI库,能为Windows Forms平台创建具有影响力的业务解决方案。DevExpress WinForms能完美构建流畅、美观且易于使用的应用程序,无论是Office风格的界面,还是分析处理大批量的业务数据,它都能轻松胜任!

本文转载自:博客园 - 伍华聪

evExpress VCL Controls是 Devexpress公司旗下最老牌的用户界面套包。所包含的控件有:数据录入,图表,数据分析,导航,布局,网格,日程管理,样式,打印和工作流等,让您快速开发出完美、强大的VCL应用程序!DevExpress广泛应用于ECM企业内容管理、 成本管控、进程监督、生产调度,在企业/政务信息化管理中占据一席重要之地。

【适用范围】:Delphi / C++Builder XE2 / XE3 / XE4 / XE5 / XE6 / XE7 / XE8 / XE10 , Embarcadero Delphi , C++Builder 10 Seattle

慧都增值服务——助您打造成功软件

1) DXperience最新版本汉化资源(2万词汇专业汉化、节约3成项目研发时间、一行代码轻松搞定!)

2) DevExpress for .NET高级培训(“功能讲解+示例演示+实战演练”三位一体的培训模式,让您真正学有所获!)

3) DevExpress中文视频课程

此列表包含了v18.2.3中解决的问题:

ExpressLibrary

  • T699865 - cxFilterControl - The dialog's controls are not skinned

ExpressQuantumGrid Suite

  • T691456 - Server Mode - An AV occurs on applying a filter to the View whose OptionsSelection.MultiSelect property is set to True and the DataController.Summary.Options property value includes the soMultipleSelectedRecords flag
  • T696529 - The "RowIndex out of range" exception occurs in certain cases when applying a filter to the selection and then clicking any record while holding down the Shift key if the View's OptionsSelection.MultiSelect property is set to True

ExpressRichEdit Control

  • T687023 - The control does not load external images to a document loaded from an HTML file if image source URLs include certain escape characters

ExpressScheduler Suite

  • T698697 - Day View - Classic Style - In certain cases, concurrent events do not occupy all available width within the View layout if the WorkTimeOnly property is True

ExpressSkins Library

  • T699696 - Applying a skin for the first time resets skin options set in the Project Skin Options Editor if a project has no SKINCFG file
  • T698313 - The "Unable to open file XXX.OBJ" error referring to a skin unit occurs on compiling a C++Builder project

ExpressSpreadSheet

  • T696782 - Conditional Formatting - Formulas specified in the Data Bar, Icon Set, and Color Scale formatting rules are not localized
  • T700936 - Functions inserted by AutoSum gallery items that the design-time UI generator creates in the Function Library toolbar/ribbon groups are not localized

ExpressTile Control

  • T679451 - Provide events that enable in-depth control of drag-and-drop operations on tile groups

Installation (VCL)

  • T698302 - The "Functions that differ only in their return type cannot be overloaded" error occurs on compiling a C++Builder project in RAD Studio 10.3 Rio
  • T698002 - The "Package XXX.bpl can't be installed because it is not a design time package" error referring to a DevExpress package occurs on launching the IDE after installing v18.2.2

下载DevExpress VCL Controls新版试用请下方链接

文主要概述了官方在下半年(v23.2)中一些与DevExpress WinForms相关的开发计划,重点关注的领域将是可访问性支持和支持.NET 8。

DevExpress WinForms有180+组件和UI库,能为Windows Forms平台创建具有影响力的业务解决方案。同时能完美构建流畅、美观且易于使用的应用程序,无论是Office风格的界面,还是分析处理大批量的业务数据,它都能轻松胜任!

DevExpress WinForms Subscription官方最新版免费下载试用,历史版本下载,在线文档和帮助文件下载-慧都网

支持.NET 8

简单明了:官方将在DevExpress WinForms产品线中支持.NET 8。

可访问性和UI自动化

可访问性支持将被纳入以下WinForms UI组件中:

  • GanttConttol
  • RichEditControl
  • SpreadSheet
  • DiagramControl
  • StepProgressBar
  • ChartControl
  • DocumentViewer

此外,官方将在所有的WinForms UI组件中增强可访问性支持。

键盘焦点和导航

正确的键盘导航对于可访问的应用程序至关重要,官方将扩展与键盘相关的功能,这样用户就可以在不使用指向设备的情况下控制功能。

UI自动化

WinForms控件创建了一个自动化树,允许屏幕阅读器和其他辅助技术与应用程序交互,此外该树允许用户创建自动化测试并避免应用程序回归。官方在这个发布周期中支持和微调许多WinForms组件的自动化树支持。

本地化

官方将简化与本地化相关的流程,重点关注以下方面:

  • 轻松识别应用程序中未翻译的字符串:用户将能够仅关注应用程序中需要翻译的字符串,不需要在整个本地化字符串数据集中搜索字符串。
  • 利用RESX文件进行本地化:用户将能够使用熟悉的RESX文件来存储和管理本地化字符串,确保与现有本地化过程更直接地集成。
  • 直接字符串转换:用户可以直接在WinForms本地化工具中修改本地化程序集中不存在的字符串。

DevExpress WinForms本地化工具将帮助您在调试会话期间翻译非本地化字符串:

此外,您将能够使用增强的本地化API来记录未翻译的字符串,并使用自定义RESX文件:

//Log non-translated strings
private void XtraLocalizer_QueryLocalizedStringNonTranslated(object sender, XtraLocalizer.QueryLocalizedStringEventArgs e) {
Debug.WriteLine(e.ResourceStringID);
}

//Use a ResourceManager from your project to apply strings from your RESX files
XtraLocalizer.UserResourceManager=MyResources.ResourceManager;

Data Grid & Tree List功能增强

Tree List集合聚合函数

WinForms Data Grid允许用户创建带有集合聚合函数的过滤器:Count, Min, Max, Average, Sum, Exists,在v23.2中,您将能够在TreeList集合属性中使用这些函数。

取消选择

官方将引入API来更好地控制DevExpress Data Gird和Tree List,用户能够根据自定义逻辑取消项目选择。

序列化自定义

官方将扩展序列化API来控制由数据网格、树列表和垂直网格序列化的属性,这个增强将允许用户只在布局文件中保留必要的信息,如果不想在下次应用运行时持久化它们,就可以避免序列化设置。

treeList.PropertySerializing +=(s, e)=> {
if(e.Owner is TreeListColumn && e.PropertyName=="Caption")
e.Allow=DefaultBoolean.False;
}

垂直网格自定义表单

官方将增强DevExpress垂直网格的自定义表单,以帮助用户在一个树中查看行和类别,使用搜索查找行,并根据需求显示/隐藏行和类别。

HTML和CSS模板

WinForms HTML & CSS模板引擎允许用户在任何WinForms项目中创建高度抛光的界面。

在v23.2中,官方将增强以下与HTML和CSS相关的功能:

  • 通过ARIA属性引入可访问性支持。
  • Unicode代理对的选择和大小计算。
  • 在HTML和CSS编辑器中的文本自动格式和伪类智能支持。

注意:在最近的主要更新(v23.1)中,官方将预先构建的模板直接合并到HTML & CSS编辑器中(以帮助您更快地开始)。

字体图标图像

Windows 10/11包含许多字体图标(“Segoe MDL2 Assets”和“Segoe Fluent icons”字体)。在v23.2中,您将能够在支持ImageOptions和SVG的情况下使用这些图标。

MVVM相关增强

Microsoft的 .NET 7 更新为按钮等控件引入了Command属性,并引入了新的MVVM功能:在 Windows Forms 应用程序中使用命令绑定实现跨平台。虽然我们已经有了一个命令绑定引擎,但为了更好地兼容微软的新机制,将实现Command属性(适用于所有WinForms组件)。

官方还将在数据布局控件中增强UI生成机制,这个更改将允许您根据视图模型命令自动生成按钮。


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