约束布局包括问题

时间:2019-09-16 15:40:29

标签: android xml android-layout android-constraintlayout

我正在使用include设置一些嵌套约束布局,类似于this question,但尚未得到答案。

约束不能按预期工作。

我尝试将include xml中的布局更改为LinearLayout,但仍然无法正常工作。我尝试添加_bias,但仍然无法正常工作。

您能帮我解决这个问题吗?有什么建议可以解决这个问题吗?

这是我的parent layout

<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">


    <include android:id="@+id/mySearch"
        layout="@layout/layout_search"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintBottom_toTopOf="@id/header"/>


    <include
        android:id="@+id/header"
        layout="@layout/layout_header_back_btn_and_title"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/mySearch" />

</android.support.constraint.ConstraintLayout>

这是我的layout_search.xml


<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <EditText
        android:id="@+id/et_search"
        android:layout_width="0dp"
        android:layout_height="@dimen/size_50_dp"
        app:layout_constraintEnd_toEndOf="@id/btn_search"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/btn_search"
        android:layout_width="50dp"
        android:layout_height="@dimen/size_50_dp"
        android:drawableEnd="@drawable/icon_search_40"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

layout_header_back_btn_and_title.xml


<android.support.constraint.ConstraintLayout
    ..>


    <ImageView
        android:id="@+id/btn_back"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:src="@drawable/icon_arrow_left"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"/>

    <TextView
        android:id="@+id/tvTitlePage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        tools:text="Keranjang"
        app:layout_constraintTop_toTopOf="@id/btn_back"
        app:layout_constraintStart_toStartOf="@id/btn_back"
        app:layout_constraintEnd_toEndOf="parent" />

</android.support.constraint.ConstraintLayout>

我希望后退按钮和标题应该在搜索布局下方。 但这是重叠的。

[Expected layout]已预期1

[Actual layout]实际2

1 个答案:

答案 0 :(得分:2)

每当在布局中使用<include>时,都需要提供所包含布局的大小。像在其各自的布局中一样设置其高度和宽度,它应该可以正常工作。

将您的父级布局更改为此,这样就可以解决您的问题。

<android.support.constraint.ConstraintLayout
   xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   xmlns:app="http://schemas.android.com/apk/res-auto">

<include android:id="@+id/mySearch"
    layout="@layout/layout_search"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintBottom_toTopOf="@id/header"/>


<include
    android:id="@+id/header"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    layout="@layout/layout_header_back_btn_and_title"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@id/mySearch" />

</android.support.constraint.ConstraintLayout>