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>