Skip to content

Instantly share code, notes, and snippets.

@RamiJ3mli

RamiJ3mli/activity_movie_details_expanded.xml

Last active August 25, 2018 17:41
Show Gist options
  • Save RamiJ3mli/5bcde695bad50860f03a70073b92a757 to your computer and use it in GitHub Desktop.
Save RamiJ3mli/5bcde695bad50860f03a70073b92a757 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
activity_movie_details_expanded.xml
<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:id="@+id/constraint_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.constraint.Guideline
android:id="@+id/left_margin"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_begin="16dp" />
<android.support.constraint.Guideline
android:id="@+id/right_margin"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_end="16dp" />
<android.support.constraint.Guideline
android:id="@+id/left_side"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent=".30" />
<android.support.constraint.Guideline
android:id="@+id/backdrop_ruler"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="1" />
<ImageView
android:id="@+id/backdrop"
android:layout_width="0dp"
android:layout_height="0dp"
android:clickable="true"
android:focusable="true"
android:scaleType="centerCrop"
android:src="@drawable/backdrop"
app:layout_constraintBottom_toBottomOf="@+id/backdrop_ruler"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<View
android:id="@+id/backdrop_shadow"
android:layout_width="0dp"
android:layout_height="80dp"
android:background="@drawable/shadow"
app:layout_constraintBottom_toBottomOf="@+id/backdrop_ruler"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent" />
<ImageView
android:id="@+id/poster"
android:layout_width="0dp"
android:layout_height="0dp"
android:elevation="8dp"
android:minHeight="100dp"
android:minWidth="100dp"
android:scaleType="centerCrop"
android:src="@drawable/poster"
app:layout_constraintBottom_toBottomOf="@+id/pg"
app:layout_constraintDimensionRatio="h, 3:4"
app:layout_constraintRight_toLeftOf="parent" />
<View
android:id="@+id/background"
android:layout_width="0dp"
android:layout_height="0dp"
android:background="#263238"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="@+id/backdrop" />
<TextView
android:id="@+id/title"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_margin="16dp"
android:layout_marginEnd="16dp"
android:text="READY PLAYER ONE"
android:textColor="@android:color/white"
android:textSize="16sp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="@+id/pg"
app:layout_constraintLeft_toRightOf="@+id/poster"
app:layout_constraintRight_toRightOf="parent" />
<TextView
android:id="@+id/pg"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:layout_marginStart="16dp"
android:background="@drawable/pg"
android:elevation="4dp"
android:gravity="center"
android:minWidth="30dp"
android:paddingBottom="4dp"
android:paddingEnd="8dp"
android:paddingStart="8dp"
android:paddingTop="4dp"
android:text="PG-13"
android:textColor="@android:color/white"
android:textSize="10sp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="@+id/backdrop_ruler"
app:layout_constraintHorizontal_bias="0"
app:layout_constraintHorizontal_chainStyle="packed"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toLeftOf="@+id/release_3d" />
<TextView
android:id="@+id/release_3d"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:layout_marginStart="8dp"
android:background="@drawable/release_bg"
android:elevation="4dp"
android:gravity="center"
android:minWidth="30dp"
android:paddingBottom="4dp"
android:paddingEnd="8dp"
android:paddingStart="8dp"
android:paddingTop="4dp"
android:text="3D"
android:textColor="@android:color/white"
android:textSize="10sp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="@+id/backdrop_ruler"
app:layout_constraintLeft_toRightOf="@+id/pg"
app:layout_constraintRight_toLeftOf="@+id/release_imax" />
<TextView
android:id="@+id/release_imax"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:layout_marginStart="8dp"
android:background="@drawable/release_bg"
android:elevation="4dp"
android:gravity="center"
android:minWidth="30dp"
android:paddingBottom="4dp"
android:paddingEnd="8dp"
android:paddingStart="8dp"
android:paddingTop="4dp"
android:text="IMAX"
android:textColor="@android:color/white"
android:textSize="10sp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="@+id/backdrop_ruler"
app:layout_constraintLeft_toRightOf="@+id/release_3d"
app:layout_constraintRight_toLeftOf="@+id/release_mx4d" />
<TextView
android:id="@+id/release_mx4d"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:layout_marginStart="8dp"
android:background="@drawable/release_bg"
android:elevation="4dp"
android:gravity="center"
android:minWidth="30dp"
android:paddingBottom="4dp"
android:paddingEnd="8dp"
android:paddingStart="8dp"
android:paddingTop="4dp"
android:text="MX4D"
android:textColor="@android:color/white"
android:textSize="10sp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="@+id/backdrop_ruler"
app:layout_constraintLeft_toRightOf="@+id/release_imax"
app:layout_constraintRight_toRightOf="@id/right_margin" />
<TextView
android:id="@+id/trailer"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:background="@drawable/button"
android:gravity="center"
android:padding="8dp"
android:text="Trailer"
android:textColor="@android:color/white"
android:textSize="12sp"
app:layout_constraintLeft_toLeftOf="@+id/left_margin"
app:layout_constraintRight_toRightOf="@+id/left_side"
app:layout_constraintTop_toBottomOf="@+id/poster" />
<TextView
android:id="@+id/showtime"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:background="@drawable/button"
android:gravity="center"
android:padding="8dp"
android:text="Showtimes"
android:textColor="@android:color/white"
android:textSize="12sp"
app:layout_constraintLeft_toLeftOf="@+id/left_margin"
app:layout_constraintRight_toRightOf="@+id/left_side"
app:layout_constraintTop_toBottomOf="@+id/trailer" />
<TextView
android:id="@+id/synopsis"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginTop="16dp"
android:includeFontPadding="false"
android:text="From filmmaker Steven Spielberg comes the science fiction action adventure “Ready Player One,” based on Ernest Cline’s bestseller of the same name, which has become a worldwide phenomenon. The film is set in 2045, with the world on the brink of chaos and collapse. But the people have found salvation…"
android:textColor="@android:color/white"
android:textSize="12sp"
app:layout_constraintLeft_toRightOf="@+id/left_side"
app:layout_constraintRight_toRightOf="@id/right_margin"
app:layout_constraintTop_toBottomOf="@+id/pg" />
</android.support.constraint.ConstraintLayout>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment