Android操作栏行为异常

Question

我正在尝试创建一个好看的 SearchView。我使用了this 代码并将其集成到我的 DrawerLayout 中。这是我主要活动的当前 XML：`

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

    <include
        layout="@layout/main_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <include layout="@layout/app_bar_main"/>
        <include layout="@layout/app_bar_main_search"
            android:visibility="gone"/>

    </RelativeLayout>

    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        android:visibility="gone"
        app:headerLayout="@layout/nav_header_main"
        app:menu="@menu/activity_main_drawer" />

</android.support.v4.widget.DrawerLayout>

这是我的 app_bar_main.xml：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar android:id="@+id/toolbar"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:android="http://schemas.android.com/apk/res/android"
    app:titleTextColor="@color/white"
    android:layout_alignParentTop="true"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="@color/colorPrimary"
    android:theme="@style/AppTheme.AppBarOverlay"/>

我的 app_bar_main_search.xml：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar android:id="@+id/searchtoolbar"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:android="http://schemas.android.com/apk/res/android"
    app:collapseIcon="@drawable/ic_arrow_left"
    app:titleTextColor="@color/colorPrimary"
    android:layout_alignParentTop="true"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="@color/white"/>

我的 main_layout.xml 只是一个带有 FAB 和空约束布局的文件。

上面的代码有效，但是主布局位于操作栏下方，并且左上角的 NavigationDrawer 图标停止工作（除非我通过滑动将 NavigationDrawer 取出，然后由于某种原因它再次开始工作）。移除操作栏周围的 RelativeLayout 会使 app_bar_main 覆盖整个屏幕。为 app_bar_main 分配一个 ID 使其完全为空，只是一个背景颜色。

我做错了什么？如何获取操作栏下方的主布局？

编辑：我得到了使用@FAT 答案的工具栏，但导航抽屉图标仍然无法正常工作。这是相关代码：

    drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
    toggle = new ActionBarDrawerToggle(
            this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);
    drawer.addDrawerListener(toggle);
    toggle.syncState();
    NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);
    navigationView.setNavigationItemSelectedListener(this);
    navigationView.getMenu().getItem(0).setChecked(true);

我尝试将 syncState() 添加到 onPostCreate，但这并没有改变任何东西。当我单击图标时，也不会调用 onOptionsItemSelected 函数。

Answer 1

DrawerLayout 最多应该有两个视图。在DrawerLayout 中，添加一个包含屏幕main 内容的视图（隐藏抽屉时的主要布局）和另一个包含navigation 抽屉内容的视图。

See documentation

要使用DrawerLayout，请将您的主要content 视图定位为 first 宽度和高度为 match_parent 且没有的孩子 布局重力>。在主要内容之后添加drawers作为子视图 查看并适当地设置 layout_gravity。抽屉常用 match_parent 用于固定宽度的高度。

1. 将您的main_layout 保留在第一个直系子RelativeLayout 中。

2. 将属性android:layout_below="@id/app_bar_main" 添加到main_layout。

如下更新您的布局 XML：

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <include
            android:id="@+id/appbar" 
            layout="@layout/app_bar_main"/>

        <include layout="@layout/app_bar_main_search"
            android:visibility="gone"/>

        <include
            layout="@layout/main_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@id/appbar"/>

    </RelativeLayout>

    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        android:visibility="gone"
        app:headerLayout="@layout/nav_header_main"
        app:menu="@menu/activity_main_drawer" />

</android.support.v4.widget.DrawerLayout>

希望对你有帮助~