Android Studio中点击抽屉菜单项切换内容及子菜单实现咨询

嘿，我来帮你搞定Android Studio里抽屉菜单的这两个需求！我刚好做过类似的功能，给你两种实用的实现方案，你可以根据自己的需求选：

方案一：使用系统自带的子菜单（快速实现层级菜单） #

如果你的子菜单只是简单的文字选项，直接用Android的Menu资源就能实现主菜单项点击展开/折叠子菜单的效果，不用额外写太多布局代码。

步骤1：定义菜单资源 #

在res/menu目录下创建主抽屉的菜单文件（比如drawer_menu.xml），给需要展开子菜单的主菜单项嵌套<menu>标签：

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 主菜单项1，包含子菜单 -->
    <item
        android:id="@+id/main_menu_item1"
        android:title="我的项目">
        <menu>
            <item android:id="@+id/sub_item1" android:title="项目列表"/>
            <item android:id="@+id/sub_item2" android:title="新建项目"/>
        </menu>
    </item>
    <!-- 主菜单项2 -->
    <item
        android:id="@+id/main_menu_item2"
        android:title="设置">
        <menu>
            <item android:id="@+id/sub_item3" android:title="账号设置"/>
            <item android:id="@+id/sub_item4" android:title="通知设置"/>
        </menu>
    </item>
</menu>

步骤2：设置菜单点击监听 #

在你的Activity/Fragment里，给NavigationView设置点击监听，同时处理主菜单项和子菜单项的逻辑：

val navigationView = findViewById<NavigationView>(R.id.nav_view)
val drawerLayout = findViewById<DrawerLayout>(R.id.drawer_layout)

navigationView.setNavigationItemSelectedListener { menuItem ->
    when (menuItem.itemId) {
        // 主菜单项的逻辑（如果需要额外操作，比如展开时的动画）
        R.id.main_menu_item1 -> {
            // 这里可以添加主菜单项点击的额外逻辑，比如标记选中状态
            true
        }
        // 子菜单项的点击响应
        R.id.sub_item1 -> {
            // 执行具体操作，比如跳转到项目列表页
            startActivity(Intent(this, ProjectListActivity::class.java))
            drawerLayout.closeDrawer(GravityCompat.START) // 关闭抽屉
            true
        }
        R.id.sub_item2 -> {
            Toast.makeText(this, "开始新建项目", Toast.LENGTH_SHORT).show()
            drawerLayout.closeDrawer(GravityCompat.START)
            true
        }
        // 其他子菜单项同理
        else -> false
    }
}

方案二：自定义切换抽屉内容（更灵活的子抽屉） #

如果你的子抽屉需要更复杂的布局（比如带返回按钮、自定义头部、不同的样式），可以在DrawerLayout里嵌套两个抽屉视图，通过切换可见性来实现主/子抽屉的切换。

步骤1：编写布局文件 #

在Activity的布局里，给DrawerLayout添加主抽屉和子抽屉两个视图，子抽屉默认隐藏：

<androidx.drawerlayout.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 主内容区域（你的App主界面） -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"/>
        <!-- 其他主界面内容 -->
    </LinearLayout>

    <!-- 主抽屉菜单 -->
    <LinearLayout
        android:id="@+id/main_drawer"
        android:layout_width="280dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:background="@android:color/white"
        android:orientation="vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="16dp"
            android:text="主菜单"
            android:textSize="18sp"
            android:textStyle="bold"/>

        <ListView
            android:id="@+id/main_menu_list"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
    </LinearLayout>

    <!-- 子抽屉菜单（默认隐藏） -->
    <LinearLayout
        android:id="@+id/sub_drawer"
        android:layout_width="280dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:background="@android:color/white"
        android:orientation="vertical"
        android:visibility="gone">

        <!-- 返回主菜单按钮 -->
        <TextView
            android:id="@+id/tv_back_main"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="16dp"
            android:text="返回主菜单"
            android:textColor="@color/colorPrimary"/>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="16dp"
            android:text="子菜单"
            android:textSize="18sp"
            android:textStyle="bold"/>

        <ListView
            android:id="@+id/sub_menu_list"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
    </LinearLayout>

</androidx.drawerlayout.widget.DrawerLayout>

步骤2：实现抽屉切换和点击逻辑 #

在Activity里，给主菜单列表设置点击事件，切换到对应的子抽屉；同时处理子菜单的点击和返回逻辑：

class MainActivity : AppCompatActivity() {
    private lateinit var drawerLayout: DrawerLayout
    private lateinit var mainDrawer: LinearLayout
    private lateinit var subDrawer: LinearLayout
    private lateinit var mainMenuList: ListView
    private lateinit var subMenuList: ListView
    private lateinit var tvBackMain: TextView

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        // 初始化控件
        drawerLayout = findViewById(R.id.drawer_layout)
        mainDrawer = findViewById(R.id.main_drawer)
        subDrawer = findViewById(R.id.sub_drawer)
        mainMenuList = findViewById(R.id.main_menu_list)
        subMenuList = findViewById(R.id.sub_menu_list)
        tvBackMain = findViewById(R.id.tv_back_main)

        // 主菜单数据
        val mainMenuItems = listOf("项目管理", "个人中心", "系统设置")
        mainMenuList.adapter = ArrayAdapter(this, android.R.layout.simple_list_item_1, mainMenuItems)

        // 主菜单点击：切换到对应子抽屉
        mainMenuList.onItemClickListener = AdapterView.OnItemClickListener { _, _, position, _ ->
            // 根据点击的主菜单项加载不同的子菜单数据
            val subItems = when (position) {
                0 -> listOf("项目列表", "新建项目", "归档项目")
                1 -> listOf("个人信息", "修改密码")
                else -> listOf("通用设置", "通知设置")
            }
            subMenuList.adapter = ArrayAdapter(this, android.R.layout.simple_list_item_1, subItems)
            // 切换抽屉可见性
            mainDrawer.visibility = View.GONE
            subDrawer.visibility = View.VISIBLE
        }

        // 返回主菜单按钮点击
        tvBackMain.setOnClickListener {
            subDrawer.visibility = View.GONE
            mainDrawer.visibility = View.VISIBLE
        }

        // 子菜单点击响应
        subMenuList.onItemClickListener = AdapterView.OnItemClickListener { _, _, position, _ ->
            val selectedItem = (subMenuList.adapter as ArrayAdapter<String>).getItem(position)
            // 执行具体操作，比如跳转页面、弹出提示
            when (selectedItem) {
                "项目列表" -> startActivity(Intent(this, ProjectListActivity::class.java))
                "新建项目" -> showCreateProjectDialog()
                else -> Toast.makeText(this, "你选择了：$selectedItem", Toast.LENGTH_SHORT).show()
            }
            // 关闭抽屉
            drawerLayout.closeDrawer(GravityCompat.START)
        }
    }

    private fun showCreateProjectDialog() {
        // 这里可以实现新建项目的弹窗逻辑
        AlertDialog.Builder(this)
            .setTitle("新建项目")
            .setMessage("开始创建你的新项目吧！")
            .setPositiveButton("确定", null)
            .show()
    }
}

总结 #

• 如果只是简单的层级文字菜单，方案一最省心，直接用系统Menu资源就能搞定；
• 如果需要自定义子抽屉的布局和交互，方案二更灵活，能实现各种复杂的子抽屉样式。

内容的提问来源于stack exchange，提问作者Fabio Cordeiro