DrawerLayout 中的 Toolbar 占满整个区域？

Question

我一直在尝试使用新的设计库，并且我有一个工具栏而不是已弃用的操作栏。问题是工具栏占据了 activity 中的整个区域。我一直在尝试不同的示例并用它们替换我的布局文件，我尝试了不同的宽度和高度值。我不知道为什么会这样。 none 有效！可能是什么原因造成的？

非常感谢任何帮助。

activity_main.xml

<android.support.v4.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:fitsSystemWindows="true"
                                        android:layout_height="match_parent">
    <include
            android:id="@+id/tool_bar"
            layout="@layout/app_bar"
            ></include>
<RelativeLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >

</RelativeLayout>


<android.support.design.widget.NavigationView
        android:id="@+id/nav_draw"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        app:headerLayout="@layout/drawer_header"
        app:menu="@menu/drawer" />
</android.support.v4.widget.DrawerLayout>

主要 activity :

 public class MainActivity extends AppCompatActivity implements NavigationView.OnNavigationItemSelectedListener {



Toolbar toolbar;
View root;
NavigationView nav_draw;
DrawerLayout drawer_layout;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    //setContentView(R.layout.activity_main);
    root = getLayoutInflater().inflate(R.layout.activity_main, null);
    setContentView(root);

    setupToolbar();

    drawer_layout = (DrawerLayout)findViewById(R.id.drawer_layout);
    nav_draw = (NavigationView) findViewById(R.id.nav_draw);
    nav_draw.setNavigationItemSelectedListener(this);

getSupportFragmentManager().beginTransaction()
        .replace(R.id.container, new Fragment())
        .commit();

}
private void setupToolbar(){
    Toolbar toolbar = (Toolbar) findViewById(R.id.tool_bar);
    setSupportActionBar(toolbar);
    // Show menu icon
    final ActionBar ab = getSupportActionBar();
    ab.setHomeAsUpIndicator(R.drawable.abc_ic_ab_back_mtrl_am_alpha);
    ab.setDisplayHomeAsUpEnabled(true);
}
}

app_bar布局文件

<?xml version="1.0" encoding="utf-8"?>
    <android.support.v7.widget.Toolbar
            xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            android:elevation="4dp"
            android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

我也用过这个链接布局： http://hmkcode.com/material-design-app-android-design-support-library-appcompat/

Answer 1

只需将此工具栏添加到您的容器中，下面的代码对我来说非常有效：

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

    <FrameLayout
        android:id="@+id/fragmentContainer"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <android.support.v7.widget.Toolbar
        android:id="@+id/mainToolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:layout_alignParentTop="true">

    </android.support.v7.widget.Toolbar>
</RelativeLayout>

Answer 2

您可以像普通视图一样使用工具栏。所以你不需要使用 settoolbar 方法。只需在布局中编写以下代码：

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

<android.support.v7.widget.Toolbar
    android:id="@+id/mainToolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:layout_alignParentTop="true"
    android:background="@drawable/bottom_line_shape">
 //here you can add as many views as you want just like a simple layout can

 </android.support.v7.widget.Toolbar>
</RelativeLayout>

Answer 3

DrawerLayouts 应该有两个 childs:

内容child;
导航抽屉child,

按照这个特定的顺序。通过 <include>ing 您的工具栏，您将添加第三个 child，这是不允许的。您应该将工具栏和您的内容框架合并到一个布局中：

<android.support.v4.widget.DrawerLayout>

    <LinearLayout
        android:id="@+id/main_container"
        android:orientation="vertical">

        <include
            android:id="@+id/tool_bar"
            layout="@layout/app_bar" />
        <RelativeLayout android:id="@+id/container" />

    </LinearLayout>

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

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

DrawerLayout 中的 Toolbar 占满整个区域？

Toolbar in DrawerLayout takes up the whole area?

android

android-layout

android-actionbar

android-toolbar