如何：使用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

 最后，中間有一個導航框架控件，允許您自定義、添加或刪除單個框架。請參閱導航框架和選項卡窗格一文，了解如何使用頁面填充此控件并為它們提供所需的內容。