Android开发：新闻app的顶部导航栏，怎么实现动态加载？？ 求大神解答！！！

TabLayout + viewpager 其中viewpager的适配器要继承FragmentPagerAdapter，要实现动态更新，最主要的是适配器的写法，要在数据发生变化之后清除FragmentManager

的缓存，然后重新生成抬头以及viewpager里面的Fragment，详细可以搜索”viewpager中动态添加、删除Fragment“

在工具箱输入【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 Documentation

https://docs.devexpress.com/WindowsForms/114555/Controls-and-Libraries/Navigation-Controls/Navigation-Pane

Navigation Pane | WinForms Controls | DevExpress Documentation

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

https://docs.devexpress.com/WindowsForms/4870/controls-and-libraries/navigation-controls/navigation-bar

NavBarControl.LinkClicked Event | WinForms Controls | DevExpress Documentation

https://docs.devexpress.com/WindowsForms/DevExpress.XtraNavBar.NavBarControl.LinkClicked

导航栏

NavigationPane

NavBarControl

京东家电年货节来袭，以旧换新,立减10%

京东

广告

DevExpress ExpressPageControl v2.37 for Delphi/BCB (含完整源代码)

15下载·1评论

2008年7月24日

DevExpress中实现动态创建菜单栏和导航栏

1492阅读·0评论·0点赞

2021年6月23日

[DevExpress使用随笔]之NavBarControl控件（一）

6820阅读·0评论·0点赞

2017年11月23日

js基础1图片切换01

85阅读·2评论·0点赞

2020年9月23日

UI控件DevExpress WinForms v21.2 - HTML &CSS模板、支持Windows 11

470阅读·0评论·0点赞

2021年11月11日

Dev控件使用之导航控件NavBarControl

435阅读·0评论·3点赞

2022年9月2日

京东家电年货节来袭，以旧换新，立减10%，超值！

京东

广告

DevExpress 新专案导航画面实现窗体导航

351阅读·0评论·0点赞

2021年7月9日

DevExpress中实现代码动态添加导航栏Tabpage到XtraTabControl

855阅读·1评论·0点赞

2021年6月22日

DevExpress.XtraNavBar:制作软件导航栏

5570阅读·0评论·0点赞

2012年11月6日

配置Windows(Win7)导航面板(Navigation Pane)隐藏/显示收藏夹、库、网络等

1.3W阅读·0评论·1点赞

2014年12月27日

Toolbar popupmenu 样式设置

4016阅读·1评论·1点赞

2017年1月24日

WinForm应用界面开发入门指南 - Office启发式用户界面

269阅读·0评论·0点赞

2021年5月13日

devexpress皮肤设置

174阅读·0评论·0点赞

2015年10月17日

DevExpress(一):主界面设计

7586阅读·0评论·4点赞

2019年2月24日

NavBarControl控件 2015-07-23 16:56 2人阅读 评论(0) 收藏...

4阅读·0评论·0点赞

2015年7月23日

DevExpress中导航栏添加及导航栏事件添加

4162阅读·3评论·0点赞

2018年3月9日

Winform DevExpress控件库（三） 使用NavBarControl控件定制导航栏

5.1W阅读·2评论·4点赞

2017年1月10日

ExpressNavigationPack导航和布局管理控件

244阅读·0评论·0点赞

2022年2月16日

界面控件DevExpress WinForms MVVM入门指南——主视图导航

542阅读·0评论·0点赞

2022年3月24日

干货！DevExpress Winform界面效果实现总结（Part 3）

1172阅读·0评论·0点赞

我不太明白楼主所说的“动态”所指的是什么状态，一般来讲遇到过比较初级的人感觉“动态”一词仅是指可动的动画效果，这个的话还比较好说，但是如果楼主希望导航栏根据不同的访问者和访问条件变成不同的结构或内容，这个就不是js范畴好控制的了（当然也不是不行）

首先，是“可动的动画效果”，这个上来说easyUI并没有直接提同导航栏的控件或者样式，但是两种easyui提供的样式可以提供参考和辅助，一个是eaysui-menu类（参考Easyui官方帮助文档9页-创建简单菜单），另一个是panel面板（参考Easyui官方帮助文档15页-创建折叠面板）。具体要求可以追问

如果说动态的改变导航栏的结构和内容，那么多数请款下“动态”一次就不是指的js范畴了，这一般来讲是动态后台语言（如，asp，jsp，php等）的工作内容。当然js本身也可以达到类似的效果，但是只能是效仿。提供一个种简单的思路吧，有不明白可以追问。将所有可能的导航栏选项，都以静态形式上传到本地，然后在用户进行会改变导航栏的 *** 作的时候，由js从新生成页面内节点。当然如果需要刷新的页面的话，就在本地创建cookie，存储一些参数，然后再页面加载的过程中，根据cookie的参数，生成页面。

---