Question

我对布局有疑问。我试图将约束布局放置在工具栏下方。但是，它决定要与工具栏重叠。我尝试使用app：layout_behavior =“ @ string / appbar_scrolling_view_behavior”，但没有运气。

该工具栏正在另一个xml文件中创建，并使用include进行了调用。

以下活动

<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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/drawer_layout"
    android:fitsSystemWindows="true"
    tools:context="XXXXXX"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">

<include
    android:id="@+id/test1234"
    layout="@layout/app_bar_home"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

<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"
    app:headerLayout="@layout/nav_header"
    app:menu="@menu/drawer_menu" />

<android.support.constraint.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_constraintTop_toBottomOf="@id/test1234">

**Bunch of constraints here etc**

**Bunch of buttons here**

</android.support.constraint.ConstraintLayout>


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

Here is an image of what it looks like

What it should look like

编辑

在android studio的设计视图中显示时很好。但是，当在手机或仿真器上打开它时，它仍然坏了。

仿真后，应用仍然看起来像第二张图片。

With the fixes below

Answer 1

我遇到了同样的问题，然后用这个破解了。在您的约束布局中，写下这个

     android:layout_marginTop="?attr/actionBarSize"

Answer 2

app:layout_behavior="@string/appbar_scrolling_view_behavior

您将此属性隐含在父标记中。您必须将其添加到ConstraintLayout或抽屉布局的主要内容中。

约束布局重叠工具栏

2 个答案: