彩票走势图

DevExpress WinForm控件入门指南:手把手教你创建现代Windows风格的应用界面(Part 1)

翻译|使用教程|编辑:龚雪|2021-07-20 10:54:56.920|阅读 636 次

概述:开发的应用程序界面太丑?想创建Windows风格的应用界面?这都不是难题,本系列文章将详细介绍创建步骤,持续关注哦~

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

相关链接:

本文主要介绍如何手动创建Windows Modern UI 应用程序,要使用 DevExpress 模板库创建应用程序。

获取工具下载 - DevExpress WinForm v21.1

1. 在 Visual Studio 中,单击 “File | New | Project”(或按CTRL+SHIFT+N)创建一个新的项目。选择 “DevExpress Template Gallery” 然后单击OK。

创建现代Windows风格的应用界面 - 图集1

2. 选择“Blank Application”模板并点击“Create Project”。

创建现代Windows风格的应用界面 - 图集2

3. 调用智能标签并单击“Convert To Skinnable Form”将常规表单更改为 XtraForm。

创建现代Windows风格的应用界面 - 图集3

4. 在同一个智能标签面板中,单击“Select Skin…”来添加组件并选择所需的 DevExpress 皮肤。 对于 Windows Modern UI,请选择外观轻巧且边框细或无边框的扁平皮肤(例如,Office 2013、Office 2016、Metropolis 等)。

创建现代Windows风格的应用界面 - 图集4

5. 将表单的FormBorderStyle属性设置为None,将 WindowState 属性设置为 Maximized。

6. 单击表单上的“Instant Layout Assistant”链接来启动表单向导,将鼠标悬停在所有侧面区域上,然后单击“Remove Area”。在剩余的空白区域中,单击“Add Control”并选择“App UI Manager | Windows UI”,接下来单击应用按钮来添加应用了 的 组件。

创建现代Windows风格的应用界面 - 图集5

7. 右键单击Solution Explorer窗口中的项目,然后选择“Add DevExpress Item | User Control…”。

创建现代Windows风格的应用界面 - 图集6

8. 添加更多用户控件并填充它们,这些用户控件将作为单独的应用程序屏幕呈现。

创建现代Windows风格的应用界面 - 图集7

9. 返回主应用程序表单,调用 组件的智能标记,然后单击 “Run Designer”,切换到设计器的 “Elements | Documents”选项卡并单击“Populate”。

创建现代Windows风格的应用界面 - 图集8

单击 “Populate”后,文档管理器将生成以下内容:

  • 通过 和 属性引用用户控件的 对象;
  • 用于生成文档的中等大小的图块(对象);
  • 用于存储和显示tiles的Tile容器;
  • 事件处理程序,用于初始化文档。

C#

void windowsUIView1_QueryControl(object sender, DevExpress.XtraBars.Docking2010.Views.QueryControlEventArgs e) {
if (e.Document == ucSample1Document)
e.Control = new WinModernUI.ucSample1();
if (e.Document == ucSample2Document)
e.Control = new WinModernUI.ucSample2();
// . . .
if (e.Control == null)
e.Control = new System.Windows.Forms.Control();
}

VB.NET

Private Sub windowsUIView1_QueryControl(ByVal sender As Object, ByVal e As DevExpress.XtraBars.Docking2010.Views.QueryControlEventArgs)
If e.Document = ucSample1Document Then
e.Control = New WinModernUI.ucSample1()
End If
If e.Document = ucSample2Document Then
e.Control = New WinModernUI.ucSample2()
End If
' . . .
If e.Control Is Nothing Then
e.Control = New System.Windows.Forms.Control()
End If
End Sub

10. 运行并检查您的应用程序。在应用程序启动时,会显示一个填充有磁贴的自动生成的磁贴控件,按 Esc 或右键单击空白表单空间来调用带有嵌入式“Exit”按钮的导航栏。

创建现代Windows风格的应用界面 - 图集9

Tiles 利用 属性链接到相应的文档。 单击磁贴时,动态生成的页面容器会显示带有嵌入式”Back”按钮的文档,导航栏中显示相同的按钮。

创建现代Windows风格的应用界面 - 图集10

11. 关闭应用程序对其进行更改。首先使用、 和 属性添加应用程序标题字符串,此外使用 属性来修改自动生成的文档标题。

注意:最初您不会看到字符串,因为磁贴容器标题将与它重叠。 但是此标题在内容容器标头中可见,将在本教程后面创建。

创建现代Windows风格的应用界面 - 图集11

12. 跳转到设计器的“Elements”页面并选择“Content Containers” 选项卡,单击“Add New Container”并从下拉菜单中选择。

创建现代Windows风格的应用界面 - 图集12

13. 切换到设计器的“Layout | Navigation Tree”选项卡并将文档拖到页面组的“Items”集合中。

创建现代Windows风格的应用界面 - 图集13

DevExpress WinForm | 下载试用

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


DevExpress技术交流群4:715863792      欢迎一起进群讨论

慧都DevExpress企业定制服务全新升级,助力企业打造一流应用界面

标签:

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

文章转载自:慧都网

为你推荐

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


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP