Android垂直列表导航及AppBar横向联动导航栏实现方法

一、垂直列表导航实现 #

两种常见场景的实现方式： #

• 侧边抽屉式垂直导航
  直接用DrawerLayout+NavigationView快速搭建：
  1. 布局嵌套DrawerLayout，内部包含主页面布局和NavigationView
  2. 在res/menu目录下创建菜单xml文件，每个item对应一个导航选项，通过NavigationView的menu属性关联该文件
  3. 给NavigationView设置setNavigationItemSelectedListener，点击item时处理页面切换或跳转逻辑
• 页面内独立垂直导航菜单
  用RecyclerView自定义实现更灵活：
  1. 给RecyclerView设置垂直方向的LinearLayoutManager
  2. 编写自定义Adapter，每个列表项包含导航所需的图标和文字
  3. 给RecyclerView的item添加点击监听，根据点击位置处理内容切换或页面跳转

二、AppBar下方横向联动菜单实现（对应你提供的示例效果） #

这个是TabLayout+滚动容器的双向联动效果，核心是滚动时自动选中对应Tab，点击Tab可跳转至指定分类位置：

实现步骤： #

1. 布局结构搭建：

   • 顶部用AppBarLayout包裹Toolbar和TabLayout
   • 下方使用RecyclerView（多块分类内容场景）或NestedScrollView（多个独立内容块场景）
   • Tab项可在xml静态定义，也可通过代码动态添加，与各分类一一对应

2. 点击Tab跳转指定位置：

   • 若使用RecyclerView，提前记录每个分类区域的起始item位置
   • 给TabLayout设置OnTabSelectedListener，选中Tab时调用recyclerView.scrollToPosition(targetPosition)，或用scrollToPositionWithOffset实现平滑滚动到目标位置

3. 滚动时自动选中对应Tab：

   • 给RecyclerView添加OnScrollListener，重写onScrolled方法
   • 通过layoutManager.findFirstVisibleItemPosition()获取当前屏幕最上方的item位置
   • 提前维护「item位置-Tab索引」的对应关系，根据当前位置匹配对应的Tab索引，调用tabLayout.selectTab(tabLayout.getTabAt(index))
   • 增加判断逻辑，避免滚动过程中频繁切换Tab（仅当匹配的Tab与当前选中Tab不同时才执行切换）

核心原理： #

通过双向监听实现状态同步——滚动容器的滚动事件将当前显示内容与Tab状态关联，Tab的点击事件将用户选择同步到滚动位置，两者互相呼应完成联动效果。

内容的提问来源于stack exchange，提问作者Treasure Receiver