Question

我对抽屉布局和片段的使用不熟悉。

我使用tutorial创建了一个DrawerLayout的活动。它在getActionBar()上给了我一个nullpointer，因此我将a toolbar添加到了活动主页并改为使用了getSupportActionBar()。

现在看起来工具栏填满整个屏幕，因为标题位于屏幕中间，工具栏的背景也在整个屏幕上。这是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:layout_height="match_parent">
    <!-- Toolbar -->
    <android.support.v7.widget.Toolbar
        android:id="@+id/my_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" />
    <!-- The main content view -->
    <FrameLayout
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#FFFFFF" />
    <!-- The navigation drawer -->
    <ListView
        android:id="@+id/left_drawer"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:background="#FFFFFF"
        android:choiceMode="singleChoice"
        android:divider="@android:color/transparent"
        android:dividerHeight="0dp" />
</android.support.v4.widget.DrawerLayout>

我尝试用56dp替换layout_height，我尝试使用工具栏制作一个单独的布局文件并将其包含在此xml中，但这并不起作用。

为什么我的工具栏会填满整个屏幕？

Answer 1

DrawerLayout期望 2 视图。你提供3。

第一个视图是“背景”。这是您屏幕的内容。第二个视图，抽屉，应该进出动画。

您提供3个观看次数。所以你的工具栏是“内容” - 全屏，你的抽屉就是你的实际内容。

要解决您的问题，请尝试以下方法：

<DrawerLayout>

  <!-- The main content view -->
  <LinearLayout>
    <Toolbar/>
    <FrameLayout
       android:id="@+id/content_frame"/>
  </LinearLayout>

  <!-- The navigation drawer -->
  <ListView/>
</DrawerLayout>

Answer 2

DrawerLayout只接受两个子视图。尝试在框架布局中添加工具栏。或者你可以像beliw一样创造。

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <!-- The ActionBar -->
    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        android:fitsSystemWindows="true"
        app:layout_scrollFlags="scroll|enterAlways" />
    <!-- The main content view -->
    <FrameLayout
        android:id="@+id/flContent"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>

<android.support.design.widget.NavigationView
    android:id="@+id/navigation_view"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:background="@android:color/white"
    app:headerLayout="@layout/layout_drawer_header"
    app:itemTextColor="#000000"
    app:menu="@menu/global">
</android.support.design.widget.NavigationView>

工具栏填满整个屏幕

2 个答案: