DevExpress WinForm擁有180+組件和UI庫，能為Windows Forms平臺創建具有影響力的業務解決方案。DevExpress WinForm能完美構建流暢、美觀且易于使用的應用程序，無論是Office風格的界面，還是分析處理大批量的業務數據，它都能輕松勝任！

在本文中，我們將使用DevExpress模板庫構建典型的Office Inspired UI，如下所示。請注意，開發人員也可以手動構建一個類Office的UI。

獲取DevExpress v22.2正式版下載

DevExpress技術交流群7：674691612      歡迎一起進群討論

1. 在Visual Studio中，跳轉到“File | New | Project”或按CTRL+SHIFT+N來創建一個新項目，選擇DevExpress Template Gallery選項并單擊OK。

2. 在DevExpress Template Gallery（模板庫）中，選擇“Blank Application”選項并繼續下一步。

3. 所選模板使用空的 創建一個項目， 并啟用布局助手擴展。打開表單的智能標簽菜單，單擊“Predefined Form Templates” 下的Layout Assistant Actions。

4. 選擇“Navigation Container”模板（“Office Inspired UI” 組）然后單擊Apply。

5. 運行應用程序并嘗試新創建的UI，嘗試使用Ribbon Gallery切換主題，使用Ribbon菜單或底部導航控件在模塊之間導航，并在切換幀時注意動畫效果。

返回到設計時，查看模板自動應用來啟用此UI的更改，這個表單是 ，并且在上面有一個和。在Ribbon控件上，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控件綁定在一起，因此單擊其中一個中的項目將更改另一個中的激活組，如果激活組改變了，無論是通過這種方式還是通過上文所述的Ribbon事件處理程序——執行以下代碼來改變當前選擇的幀。

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

最后，在中間有一個導航幀控件，允許開發者自定義、添加或刪除單獨的幀。