Skip to content

Instantly share code, notes, and snippets.

@nikhil-thakkar

nikhil-thakkar/logical_group.xml

Created July 8, 2020 19:29
Show Gist options
  • Save nikhil-thakkar/809032094d126e9eb47ca77db945fb2b to your computer and use it in GitHub Desktop.
Save nikhil-thakkar/809032094d126e9eb47ca77db945fb2b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
logical_group.xml
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".ui.StartFragment">
<!--If somehow this could walk through its children and collect their ids to make a logical grouping
without adding the ref ids like we do with Group and delegate to parent ConstraintLayout for
drawing the children
-->
<androidx.constraintlayout.widget.LogicalGroup
android:id="@+id/main_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/iv_apod"
android:layout_width="0dp"
android:layout_height="0dp"
android:scaleType="centerCrop"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.0"
tools:src="@tools:sample/backgrounds/scenic"
tools:visibility="visible" />
<TextView
android:id="@+id/tv_title"
style="@style/TextAppearance.AppCompat.Headline"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="24dp"
android:paddingStart="16dp"
android:paddingEnd="16dp"
android:text="@{apod.title}"
app:layout_constraintEnd_toStartOf="@+id/iv_calendar"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/tv_desc"
style="@style/TextAppearance.AppCompat.Medium"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:paddingStart="16dp"
android:paddingEnd="16dp"
android:text="@{apod.explanation}"
app:layout_constrainedHeight="true"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@id/iv_control"
app:layout_constraintHeight_max="200dp"
app:layout_constraintStart_toStartOf="parent"
tools:text="This is desc" />
<ImageView
android:id="@+id/iv_calendar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="16dp"
android:src="@android:drawable/ic_menu_my_calendar"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="@+id/tv_title" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/iv_control"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="16dp"
android:layout_marginBottom="24dp"
android:src="@android:drawable/ic_menu_zoom"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent" />
</androidx.constraintlayout.widget.LogicalGroup>
<ProgressBar
android:id="@+id/pv_loading"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<androidx.constraintlayout.widget.LogicalGroup
android:id="@+id/error_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/tv_error_title"
style="@style/TextAppearance.AppCompat.Headline"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="24dp"
android:paddingStart="16dp"
android:paddingEnd="16dp"
android:text="@{apod.title}"
app:layout_constraintEnd_toStartOf="@+id/iv_calendar"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/tv_error_desc"
style="@style/TextAppearance.AppCompat.Medium"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:paddingStart="16dp"
android:paddingEnd="16dp"
android:text="@{apod.explanation}"
app:layout_constrainedHeight="true"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@id/iv_control"
app:layout_constraintHeight_max="200dp"
app:layout_constraintStart_toStartOf="parent"
tools:text="This is desc" />
<ImageView
android:id="@+id/iv_error"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="16dp"
android:src="@android:drawable/ic_menu_my_calendar"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="@+id/tv_title" />
</androidx.constraintlayout.widget.LogicalGroup>
</androidx.constraintlayout.widget.ConstraintLayout>
Raw
no_grouping.xml
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".ui.StartFragment">
<ImageView
android:id="@+id/iv_apod"
android:layout_width="0dp"
android:layout_height="0dp"
android:scaleType="centerCrop"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.0"
tools:src="@tools:sample/backgrounds/scenic"
tools:visibility="visible" />
<TextView
android:id="@+id/tv_title"
style="@style/TextAppearance.AppCompat.Headline"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="24dp"
android:paddingStart="16dp"
android:paddingEnd="16dp"
android:text="@{apod.title}"
app:layout_constraintEnd_toStartOf="@+id/iv_calendar"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/tv_desc"
style="@style/TextAppearance.AppCompat.Medium"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:paddingStart="16dp"
android:paddingEnd="16dp"
android:text="@{apod.explanation}"
app:layout_constrainedHeight="true"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@id/iv_control"
app:layout_constraintHeight_max="200dp"
app:layout_constraintStart_toStartOf="parent"
tools:text="This is desc" />
<ImageView
android:id="@+id/iv_calendar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="16dp"
android:src="@android:drawable/ic_menu_my_calendar"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="@+id/tv_title" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/iv_control"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="16dp"
android:layout_marginBottom="24dp"
android:src="@android:drawable/ic_menu_zoom"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent" />
<androidx.constraintlayout.widget.Group
android:id="@+id/main_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:visibility="gone"
app:constraint_referenced_ids="iv_apod, iv_calendar, tv_desc, tv_title" />
<ProgressBar
android:id="@+id/pv_loading"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/tv_error_title"
style="@style/TextAppearance.AppCompat.Headline"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="24dp"
android:paddingStart="16dp"
android:paddingEnd="16dp"
android:text="@{apod.title}"
app:layout_constraintEnd_toStartOf="@+id/iv_calendar"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/tv_error_desc"
style="@style/TextAppearance.AppCompat.Medium"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:paddingStart="16dp"
android:paddingEnd="16dp"
android:text="@{apod.explanation}"
app:layout_constrainedHeight="true"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@id/iv_control"
app:layout_constraintHeight_max="200dp"
app:layout_constraintStart_toStartOf="parent"
tools:text="This is desc" />
<ImageView
android:id="@+id/iv_error"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="16dp"
android:src="@android:drawable/ic_menu_my_calendar"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="@+id/tv_title" />
<androidx.constraintlayout.widget.Group
android:id="@+id/error_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:visibility="gone"
app:constraint_referenced_ids="iv_error, tv_error_title, tv_error_desc" />
</androidx.constraintlayout.widget.ConstraintLayout>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment