How to include constraint layout to another constraint layout and set constraint between each How to include constraint layout to another constraint layout and set constraint between each xml xml

How to include constraint layout to another constraint layout and set constraint between each


Actually found a solution.Android Studio does not autocomplete constraintLayout parameters in an include tag but they do have an impact on it as long as you give that include a size.

<include        layout="@layout/tmp_2"        android:layout_width="0dp"        android:layout_height="wrap_content"        android:layout_marginTop="10dp"        app:layout_constraintStart_toStartOf="parent"        app:layout_constraintEnd_toEndOf="parent"        app:layout_constraintTop_toBottomOf="@+id/label_2"        />


To inlude one constraint layout and constraint it according to one's need, one will have to give width and height to the included layout like this :

<include        android:id="@+id/shop_card_layout"        layout="@layout/shop_card_one"        android:layout_height="wrap_content"        android:layout_width="300dp"        android:layout_marginTop="8dp"        app:layout_constraintStart_toStartOf="@id/heading_tv"        app:layout_constraintTop_toBottomOf="@+id/heading_tv" />


You could avoid the ConstraintLayout constraints at the include item. I just <include/> it as it is.

MainActivity Layout file:

<?xml version="1.0" encoding="utf-8"?><android.support.constraint.ConstraintLayout    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">    <include        android:id="@+id/toolbarLayout"        layout="@layout/layout_toolbar" />    <TextView        android:id="@+id/textView2"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginBottom="8dp"        android:layout_marginEnd="8dp"        android:layout_marginStart="8dp"        android:layout_marginTop="8dp"        android:text="CONTENTS"        app:layout_constraintBottom_toBottomOf="@+id/footerLayout"        app:layout_constraintEnd_toEndOf="@+id/footerLayout"        app:layout_constraintStart_toStartOf="@+id/footerLayout"        app:layout_constraintTop_toTopOf="@+id/footerLayout" />    <include        android:id="@+id/footerLayout"        layout="@layout/layout_footer" /></android.support.constraint.ConstraintLayout>

ToolBar Layout file:

<android.support.constraint.ConstraintLayout    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.support.v7.widget.Toolbar        android:id="@+id/toolbar"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:background="@color/colorPrimary"        android:minHeight="?attr/actionBarSize"        app:layout_constraintRight_toRightOf="parent"        app:layout_constraintStart_toStartOf="parent"        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"        app:popupTheme="@style/ThemeOverlay.AppCompat.Light">        <TextView            android:id="@+id/toolbarTitleTextView"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_gravity="center"            android:text="@string/hidden"            android:textColor="@android:color/white"            tools:layout_editor_absoluteX="192dp"            tools:layout_editor_absoluteY="19dp" />    </android.support.v7.widget.Toolbar></android.support.constraint.ConstraintLayout>