Question

我一直在尝试使用新的设计库，我有一个工具栏而不是已弃用的操作栏。问题是工具栏占据了活动中的整个区域。我一直在尝试不同的例子并用它们替换我的布局文件，我尝试了不同的宽度和高度值。我不知道为什么它会像这样。没有人工作！可能导致这种情况的原因是什么？

非常感谢任何帮助。

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>

主要活动：

 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

DrawerLayout应该有两个孩子：

内容孩子;
导航抽屉子，

按此特定顺序。通过<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>

Answer 2

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

<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 3

您可以将工具栏用作普通视图。所以你不需要使用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>

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

3 个答案: