一、实现效果 

二、实现步骤

2.1、NavigationPane实现步骤

2.1.1、界面布局

①在工具箱输入【navigationPane】，然后拖拽到界面

 ②navigationPane面板的简要说明

③修改标签名称和设置显示标签图标

点击【Pages】打开面板进行如下操作：

 

 2.1.2、代码添加标签和窗体内容

①新建一个需添加到标签的窗体，如下所示：

②编写代码添加标签和标签对应的窗体

        //初始化private void InitNavigationPane(){//指定默认选中第一个标签navigationPane1.SelectedPage = navigationPage1;//添加一个新标签NavigationPage NewNavigationPage = new NavigationPage();NewNavigationPage.Name = "newNavigationPage";NewNavigationPage.Caption = "添加的标签";navigationPane1.Pages.Add(NewNavigationPage);//给该新标签添加界面NewTagForm newTagForm = new NewTagForm();//一定要设置（否则会报错：无法将顶级控件添加控件）newTagForm.TopLevel = false;NewNavigationPage.Controls.Add(newTagForm);newTagForm.Show();}

③实现效果

2.2、NavBarControl实现步骤

2.2.1、界面布局

①在工具箱输入navBarControl，然后拖拽到界面

 ②NavBarControl面板的简要说明

 ③添加导航栏的标签组、及其组包含的标签

点击设计器【Run Designer】进行如下操作：

2.2.2、代码添加标签组、标签组包含的标签和标签事件

①代码实现给标签添加事件（且点击的标签名称是【01】时创建一个新的组、及其给新组添加一个标签）

        //初始化private void InitNavBarControl(){navBarItem1.LinkClicked += Item_Click;navBarItem2.LinkClicked += Item_Click;navBarItem3.LinkClicked += Item_Click;navBarItem4.LinkClicked += Item_Click;navBarItem5.LinkClicked += Item_Click;navBarItem6.LinkClicked += Item_Click;navBarItem7.LinkClicked += Item_Click;navBarItem8.LinkClicked += Item_Click;navBarItem9.LinkClicked += Item_Click;navBarItem10.LinkClicked += Item_Click;}/// <summary>/// 导航栏子项目的点击事件/// </summary>/// <param name="sender"></param>/// <param name="e"></param>private void Item_Click(object sender, DevExpress.XtraNavBar.NavBarLinkEventArgs e){MessageBox.Show("当前点击的标签是："+e.Link.Caption);if (e.Link.Caption=="01"){ActiveChangeNavigate();}}//动态更改导航栏private void ActiveChangeNavigate(){//新建一个组NavBarGroup navBarGroup = new NavBarGroup();navBarGroup.Name = "NewBarGruop";navBarGroup.Caption = "动态添加的分组";navBarGroup.ImageOptions.SmallImageIndex = -1;navBarGroup.ImageOptions.LargeImageIndex = -1;//将该组添加到导航中navBarControl1.Groups.Add(navBarGroup);//新建一个标签NavBarItem navBarItem = new NavBarItem();navBarItem.Name = "NewBarItem";navBarItem.Caption = "动态添加的标签";navBarItem.ImageOptions.SmallImageIndex = -1;navBarItem.ImageOptions.LargeImageIndex = -1;navBarItem.LinkClicked += Item_Click;//添加标签到组中navBarControl1.Items.Add(navBarItem);//添加标签到一个分组中navBarGroup.ItemLinks.AddRange(new NavBarItemLink[] {new NavBarItemLink(navBarItem)});}

②实现效果

三、参考资料

 Navigation Pane | WinForms Controls | DevExpress Documentationhttps://docs.devexpress.com/WindowsForms/114555/Controls-and-Libraries/Navigation-Controls/Navigation-Pane

Navigation Pane | WinForms Controls | DevExpress Documentationhttps://docs.devexpress.com/WindowsForms/115232/controls-and-libraries/pdf-viewer/navigation/navigation-pane?v=18.1&f=BaseControlPainter Navigation Bar | WinForms Controls | DevExpress Documentationhttps://docs.devexpress.com/WindowsForms/4870/controls-and-libraries/navigation-controls/navigation-bar

NavBarControl.LinkClicked Event | WinForms Controls | DevExpress Documentationhttps://docs.devexpress.com/WindowsForms/DevExpress.XtraNavBar.NavBarControl.LinkClicked