如何：使用DevExpress模板库构建受Office启发用户界面

---

立即下载DevExpress WinForms

在本教程中，您将使用DevExpress 模板库构建一个典型的Office Inspired UI，如下所示。请注意，您还可以手动构建受 Office 风格的 UI。

1.在 Visual Studio 中，转到“File | New | Project或按CTRL+SHIFT+N创建一个新项目。选择DevExpress 模板库选项并单击确定。

2.在DevExpress 模板库中，选择“Blank Application”选项并继续下一步。

3.所选模板将创建一个带有空的可换肤 XtraForm 的项目，并启用Layout Assistant Extension，打开表单的智能标记菜单并单击布局助手操作下的“Predefined Form Templates” 。

4.选择“Navigation Container”模板（“Office Inspired UI”组）并单击 Apply。

5.运行应用程序并尝试新创建的 UI。尝试使用 In-Ribbon Gallery 切换主题，使用 Ribbon 菜单或底部导航控件在模块之间导航，并注意切换框架时的动画效果。

返回到设计时间并查看模板自动应用以启用此 UI 的更改，该表单现在是一个功能区表单，上面有一个RibbonControl和RibbonStatusBar 。在功能区控件上，SkinRibbonGalleryBarItem 在运行时自动创建主题库，导航菜单中的项目使用以下代码更改导航栏的活动组。

C#

void barButtonNavigation_ItemClick(object sender, DevExpress.XtraBars.ItemClickEventArgs e) {
navBarControl.ActiveGroup = e.Item.Caption == "Employees" ? employeesNavBarGroup : customersNavBarGroup;
}

VB.NET

Private Sub barButtonNavigation_ItemClick(ByVal sender As Object, ByVal e As DevExpress.XtraBars.ItemClickEventArgs)
navBarControl.ActiveGroup = If(e.Item.Caption = "Employees", employeesNavBarGroup, customersNavBarGroup)
End Sub 

OfficeNavigationBar 和 NavBar 控件绑定在一起，因此单击一个中的项目会更改另一个中的活动组。如果活动组发生变化——通过这种方式或如上所述通过功能区事件处理程序——执行以下代码以更改当前选定的框架。

C#

void navBarControl_ActiveGroupChanged(object sender, DevExpress.XtraNavBar.NavBarGroupEventArgs e) {
navigationFrame.SelectedPageIndex = navBarControl.Groups.IndexOf(e.Group);
}

VB.NET

Private Sub navBarControl_ActiveGroupChanged(ByVal sender As Object, ByVal e As DevExpress.XtraNavBar.NavBarGroupEventArgs)
navigationFrame.SelectedPageIndex = navBarControl.Groups.IndexOf(e.Group)
End Sub

最后，中间有一个导航框架控件，允许您自定义、添加或删除单个框架。请参阅导航框架和选项卡窗格一文，了解如何使用页面填充此控件并为它们提供所需的内容。