DrawerLayout中的工具栏占据了整个区域?

Tin*_*ina 0 android android-layout android-actionbar android-toolbar

我一直在尝试使用新的设计库,但我有一个工具栏而不是不赞成使用的操作栏。问题在于工具栏占用了活动中的整个区域。我一直在尝试不同的示例,并用它们替换了布局文件,我尝试了不同的width和height值。我不知道为什么会这样。都没有用!是什么原因造成的?

非常感谢您的帮助。

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>
Run Code Online (Sandbox Code Playgroud)

主要活动 :

 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);
}
}
Run Code Online (Sandbox Code Playgroud)

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"/>
Run Code Online (Sandbox Code Playgroud)

我还使用了以下链接布局:http : //hmkcode.com/material-design-app-android-design-support-library-appcompat/

nat*_*rio 5

DrawerLayouts应该有两个孩子:

  • 满足条件的孩子;
  • 导航抽屉子

按此特定顺序。通过使用<include>工具栏,您将添加第三个孩子,这是不允许的。您应该将工具栏和内容框架合并到一个布局中:

<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>
Run Code Online (Sandbox Code Playgroud)