ActionBar遮挡ListView求助：如何正确添加ActionBar且不覆盖列表

我来帮你搞定这两个问题——先解决Toolbar遮挡ListView的麻烦，再教你怎么在Toolbar上直接加操作按钮：

你当前用的是RelativeLayout，默认情况下ListView会从屏幕顶部开始布局，自然会被上方的Toolbar挡住。这里有几种简单有效的解决方法：

方法1：给ListView添加布局依赖（最直接） #

直接修改你的ListView代码，通过android:layout_below属性让它在Toolbar下方开始布局：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        android:elevation="4dp"
        android:popupTheme="@style/ThemeOverlay.AppCompat.Light"
        android:theme="@style/ThemeOverlay.AppCompat.ActionBar" />

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/toolbar" /> <!-- 关键：添加这一行让ListView在Toolbar下方 -->

</RelativeLayout>

方法2：改用LinearLayout垂直布局 #

把根布局换成LinearLayout并设置垂直方向，这样Toolbar和ListView会自动上下排列，不需要额外依赖：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        android:elevation="4dp"
        android:popupTheme="@style/ThemeOverlay.AppCompat.Light"
        android:theme="@style/ThemeOverlay.AppCompat.ActionBar" />

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

</LinearLayout>

方法3：使用CoordinatorLayout + AppBarLayout（推荐Material Design风格） #

如果想要后续实现滚动联动等高级特性，推荐用这个组合，只需给ListView添加滚动行为属性：

<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

    </android.support.design.widget.AppBarLayout>

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" /> <!-- 关键行为属性 -->

</android.support.design.widget.CoordinatorLayout>

注意：使用这个方法需要确保你的项目已经依赖了Design支持库。

按以下步骤操作即可：

1. 创建菜单布局文件 #

在res/menu目录下新建一个菜单XML文件（比如menu_list_operations.xml），定义你需要的按钮：

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <!-- always表示始终显示在Toolbar上 -->
    <item
        android:id="@+id/action_add_item"
        android:icon="@drawable/ic_add_white_24dp"
        android:title="添加"
        app:showAsAction="always" />

    <!-- ifRoom表示有空间就显示，否则进入溢出菜单 -->
    <item
        android:id="@+id/action_bulk_add"
        android:icon="@drawable/ic_group_add_white_24dp"
        android:title="批量添加"
        app:showAsAction="ifRoom" />

</menu>

2. 在Activity中加载菜单并处理点击事件 #

重写onCreateOptionsMenu和onOptionsItemSelected方法，完成菜单加载与点击逻辑：

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Toast;

public class YourListActivity extends AppCompatActivity {

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

        // 把Toolbar设置为Activity的ActionBar
        Toolbar toolbar = findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // 加载刚才创建的菜单布局
        getMenuInflater().inflate(R.menu.menu_list_operations, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // 处理按钮点击事件
        switch (item.getItemId()) {
            case R.id.action_add_item:
                Toast.makeText(this, "开始添加单个条目", Toast.LENGTH_SHORT).show();
                // 这里写你的添加逻辑
                return true;
            case R.id.action_bulk_add:
                Toast.makeText(this, "开始批量添加条目", Toast.LENGTH_SHORT).show();
                // 这里写批量添加逻辑
                return true;
            default:
                return super.onOptionsItemSelected(item);
        }
    }
}

这样就能同时解决ListView被遮挡的问题，并且在Toolbar上直接显示你需要的操作按钮啦。

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