如何设计带Activity跳转的Navigation Drawer及Title Bar？求实现方向

嘿，这两个需求都是Android开发里非常基础且实用的功能，我给你梳理下具体的实现步骤，跟着来就能搞定～

1. 准备Drawer的布局结构 #

首先在你的主Activity布局文件里，用DrawerLayout作为根布局，它需要包含两个子布局：一个是你的主内容区域（比如ConstraintLayout或LinearLayout），另一个是NavigationView用来展示侧边菜单。示例代码如下：

<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <!-- 主内容区域 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <!-- 这里放你的主页面内容，比如Toolbar、RecyclerView等 -->
        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"/>

    </LinearLayout>

    <!-- 侧边导航菜单 -->
    <com.google.android.material.navigation.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:menu="@menu/nav_menu"/> <!-- 关联菜单资源 -->

</androidx.drawerlayout.widget.DrawerLayout>

2. 创建侧边菜单的资源文件 #

在res/menu目录下新建nav_menu.xml，定义你需要的跳转选项，每个选项对应一个目标Activity：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <group android:checkableBehavior="single">
        <item
            android:id="@+id/nav_home"
            android:icon="@drawable/ic_home"
            android:title="首页"/>
        <item
            android:id="@+id/nav_profile"
            android:icon="@drawable/ic_profile"
            android:title="个人中心"/>
        <item
            android:id="@+id/nav_settings"
            android:icon="@drawable/ic_settings"
            android:title="设置"/>
    </group>
</menu>

3. 在代码中处理菜单点击跳转 #

在你的主Activity里，初始化Drawer和NavigationView，设置点击监听来启动对应的Activity：

public class MainActivity extends AppCompatActivity {
    private DrawerLayout drawerLayout;
    private NavigationView navigationView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 初始化Toolbar，替换默认ActionBar
        Toolbar toolbar = findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        // 初始化Drawer和NavigationView
        drawerLayout = findViewById(R.id.drawer_layout);
        navigationView = findViewById(R.id.nav_view);

        // 添加Drawer开关按钮（左上角的汉堡图标）
        ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(
                this, drawerLayout, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);
        drawerLayout.addDrawerListener(toggle);
        toggle.syncState();

        // 设置菜单点击监听
        navigationView.setNavigationItemSelectedListener(item -> {
            // 根据点击的菜单项ID，启动对应的Activity
            int id = item.getItemId();
            Intent intent = null;
            if (id == R.id.nav_home) {
                intent = new Intent(this, HomeActivity.class);
            } else if (id == R.id.nav_profile) {
                intent = new Intent(this, ProfileActivity.class);
            } else if (id == R.id.nav_settings) {
                intent = new Intent(this, SettingsActivity.class);
            }

            if (intent != null) {
                startActivity(intent);
            }

            // 关闭侧边Drawer
            drawerLayout.closeDrawer(GravityCompat.START);
            return true;
        });
    }
}

这里分两种常见场景，你可以根据自己的需求选择：

场景1：用ActionBar自带的菜单按钮 #

这种方式适合把跳转项放在Title Bar的右侧：

1. 在res/menu目录下新建title_action_menu.xml：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/action_jump_to_search"
        android:icon="@drawable/ic_search"
        android:title="搜索"
        app:showAsAction="always"/> <!-- 设置为始终显示在Title Bar上 -->
</menu>

2. 在Activity里加载菜单并处理点击：

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.title_action_menu, menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    int id = item.getItemId();
    if (id == R.id.action_jump_to_search) {
        // 启动搜索Activity
        startActivity(new Intent(this, SearchActivity.class));
        return true;
    }
    return super.onOptionsItemSelected(item);
}

场景2：自定义Title Bar的可点击控件 #

如果需要更灵活的布局（比如在Title Bar中间或左侧加按钮），可以用自定义Toolbar：

1. 在Toolbar的布局里添加可点击控件（比如ImageView或TextView）：

<androidx.appcompat.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary">

    <!-- 自定义可点击项，比如返回按钮或跳转按钮 -->
    <ImageView
        android:id="@+id/action_custom_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_notification"
        android:clickable="true"
        android:padding="8dp"/>

</androidx.appcompat.widget.Toolbar>

2. 在代码中设置点击监听：

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    Toolbar toolbar = findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);

    // 找到自定义的点击控件
    ImageView customBtn = findViewById(R.id.action_custom_btn);
    customBtn.setOnClickListener(v -> {
        // 启动目标Activity
        startActivity(new Intent(this, NotificationActivity.class));
    });
}

最后几个注意事项 #

• 别忘了在AndroidManifest.xml里注册所有你要跳转的Activity，比如：

<activity android:name=".HomeActivity"/>
<activity android:name=".ProfileActivity"/>

• 如果你的项目用的是Kotlin，代码逻辑和Java基本一致，只是语法稍有不同
• 跳转Activity时可以根据需求添加Intent标记，比如intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP)来清空栈顶的Activity

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