轻松创建Visual Studio样式的应用程序界面,第一招已放送

本系列教程致力于教大家如何创建流行的应用程序UI,这种经典布局包含代表主要工作区域的选项卡式或 MDI 文档、表单侧面的面板和顶部的主菜单,类似于 Microsoft Visual Studio 中的 UI 。

复制下面链接获取工具下载:https://www.evget.com/product/2348/download

轻松创建Visual Studio样式的应用程序界面,第一招已放送

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

本教程将向您展示如何执行以下操作:

  • 使用Document Manager创建传统的基于文档的工作区;
  • 添加 Dock Manager 组件并实现常规或自动隐藏面板;
  • 使用Bar Manager组件来管理文档和面板。

Step 1 – 文档管理器

在这一步中,您将学习如何使用 Document Manager 组件。

文档管理器允许您根据相应的视图(Views)创建选项卡式或 MDI 应用程序 UI,主要的文档管理器元素是文档 – 能够封装所需内容并基于父视图显示的对象。

1. 启动 Visual Studio,创建一个新的Windows Forms Application项目,然后指定其名称和位置。

轻松创建Visual Studio样式的应用程序界面,第一招已放送

2. 在 Visual Studio 工具箱中找到 DocumentManager 组件并将其拖放到您的表单上。

轻松创建Visual Studio样式的应用程序界面,第一招已放送

3. 通过单击控件右上角的智能标记按钮调用 DocumentManager 的智能标记,默认情况下,新添加的 DocumentManager 应用了选项卡式视图。您可以通过相应的‘Convert to…’链接将其更改为另一个可用的视图,默认选项卡式视图适用于当前示例,因此保持不变并调用 DocumentManager Designer。

轻松创建Visual Studio样式的应用程序界面,第一招已放送

4. 切换到设计器中的 ‘Documents’ 部分。

轻松创建Visual Studio样式的应用程序界面,第一招已放送

5. 在Solution Explorer中右键单击您的项目并选择Add New Item,如下所示。

轻松创建Visual Studio样式的应用程序界面,第一招已放送

在显示的对话框中,选择User Control并输入其名称。

轻松创建Visual Studio样式的应用程序界面,第一招已放送

根据您的要求多次重复此步骤,然后将控件添加到每个User Control并根据需要自定义其属性,确保您的项目编译没有错误,然后继续下一步。

6. 您现在拥有多个代表最终用户工作区的User Control,现在为每个现有的User Control添加一个文档。 打开设计器并再次转到Documents部分,如您所见,Populate按钮现在可用,单击此按钮可为项目中的每个User Control添加一个文档。

轻松创建Visual Studio样式的应用程序界面,第一招已放送

请注意,每个文档都通过 BaseDocument.ControlName 和 BaseDocument.ControlTypeName 属性与相应的用户控件相关联。

7. 最后,处理视图的 BaseView.QueryControl 事件并将所需的控件传递给每个文档:

C#

private void tabbedView1_QueryControl(object sender, DevExpress.XtraBars.Docking2010.Views.QueryControlEventArgs e) {if (e.Document.ControlName == "UserControl1") e.Control = new UserControl1();else e.Control = new UserControl2();}

VB.NET

Private Sub tabbedView1_QueryControl(sender As Object, e As DevExpress.XtraBars.Docking2010.Views.QueryControlEventArgs)If e.Document.ControlName = "UserControl1" Thene.Control = New UserControl1()Elsee.Control = New UserControl2()End IfEnd Sub

8. 下图说明了应用 Office 2013 皮肤的结果。

轻松创建Visual Studio样式的应用程序界面,第一招已放送

在下一步中,您将学习如何在您的应用程序中结合使用 Document Manager 和 Dock Manager。


版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023年5月5日 上午11:51
下一篇 2023年5月6日 上午8:06

相关推荐

  • 科研项目补助

    科研项目补助:为科学研究提供资金支持 科研项目补助是一种支持科学研究的资金来源,它能够为科学家们提供必要的资金,以完成他们的研究任务。科研项目补助不仅有助于推动科学研究的发展,还能…

    科研百科 2025年2月5日
    0
  • 科研访学班主持词

    科研访学班主持词 各位同学,大家好! 今天,我们欢聚一堂,共同庆祝科研访学班的到来。这是一个机会,也是一个挑战。在这个班中,我们将与来自全球各地的学者和专家一起学习,探索科研领域的…

    科研百科 2024年11月19日
    0
  • 岱岳农商银行多措并举加强党员教育管理(农商银行党员教育活动)

    通讯员 李静 岱岳农商银行将党员教育管理作为党的建设基础性、经常性工作来抓,紧紧围绕理论武装、理想信念、党性锤炼、从严治党四个方面,推动党员日常教育管理走长走远、走深走实。 强化理…

    科研百科 2023年6月10日
    290
  • 科研项目面上项目

    科研项目面上项目 科研项目是科学研究的重要载体,是推动科学技术发展的重要力量。作为科研项目中的重要组成部分,面上项目通常是由研究机构或高校承担的,旨在完成一定级别的科学目标,并满足…

    科研百科 2025年2月22日
    0
  • 企业协同办公管理(企业内部协同办公)

    企业内部协同办公的重要性 企业内部协同办公是指在一个组织内部,不同部门和员工之间通过协同工作来实现共同目标的过程。在现代企业中,协同办公已经成为一个非常重要的环节,因为它可以帮助组…

    科研百科 2024年6月2日
    64
  • 科研项目全过程管理流程

    科研项目全过程管理流程 科研项目是科技创新的重要载体,是推动社会进步的重要力量。然而,科研项目的各个环节都需要严格的管理和控制,以确保项目按时、按质、按量完成。本文将介绍科研项目全…

    科研百科 2024年5月29日
    72
  • 学校申请科研项目工作

    学校申请科研项目工作 随着科技的不断发展,科研项目工作已经成为许多学校和研究机构的重要工作之一。为了更好地推动学术研究和社会发展,许多学校都会积极申请科研项目工作,以便为学术和社会…

    科研百科 2025年2月25日
    0
  • 我国酵母β-葡聚糖制备及检测技术取得新的突破

      近年来,酵母β-葡聚糖因具有增强免疫活力、 抗肿瘤活性、降低胆固醇和血脂等多种生理功能而成为食品领域研究与开发的热点。我国每年约有3-5万吨的啤酒酵母,但占酵母干重6-12%的…

    科研百科 2022年5月19日
    396
  • 科研项目结项材料整理

    科研项目结项材料整理 随着科技的不断进步,科研项目也在不断地进行中。在完成一项科研项目后,整理结项材料是一个非常重要的环节,这有助于我们回顾整个项目的过程,总结项目的成果,并为未来…

    科研百科 2025年4月17日
    1
  • 协作难、沟通难…远程办公太难了! 华为MateBook 16s智慧会议全搞定(matebook协同办公)

    不少职场人士吐槽,影视剧中那些商务人士在咖啡厅、飞机场喝着咖啡戴着耳机自在办公的场景太不真实了,“一个笔记本,连完鼠标连耳机,七七八八一通操作下来半个小时过去了!”“一份份资料,从…

    2022年8月4日
    388