Last active
August 25, 2018 17:40
-
-
Save RamiJ3mli/4b3bdc304e272ed1a526e46a8c638964 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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=".6" /> | |
<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="140dp" | |
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:scaleType="centerCrop" | |
android:src="@drawable/poster" | |
app:layout_constraintBottom_toBottomOf="@+id/release_3d" | |
app:layout_constraintDimensionRatio="h, 3:4" | |
app:layout_constraintRight_toRightOf="@+id/left_side" | |
app:layout_constraintLeft_toLeftOf="@id/left_margin" /> | |
<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_toBottomOf="@+id/backdrop_ruler" | |
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_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_constraintHorizontal_bias="0" | |
app:layout_constraintHorizontal_chainStyle="packed" | |
app:layout_constraintLeft_toRightOf="@+id/left_side" | |
app:layout_constraintRight_toLeftOf="@+id/release_3d" | |
app:layout_constraintTop_toBottomOf="@+id/backdrop_ruler" /> | |
<TextView | |
android:id="@+id/release_3d" | |
android:layout_width="wrap_content" | |
android:layout_height="wrap_content" | |
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_constraintLeft_toRightOf="@+id/pg" | |
app:layout_constraintRight_toLeftOf="@+id/release_imax" | |
app:layout_constraintTop_toBottomOf="@+id/backdrop_ruler" /> | |
<TextView | |
android:id="@+id/release_imax" | |
android:layout_width="wrap_content" | |
android:layout_height="wrap_content" | |
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_constraintLeft_toRightOf="@+id/release_3d" | |
app:layout_constraintRight_toLeftOf="@+id/release_mx4d" | |
app:layout_constraintTop_toBottomOf="@+id/backdrop_ruler" /> | |
<TextView | |
android:id="@+id/release_mx4d" | |
android:layout_width="wrap_content" | |
android:layout_height="wrap_content" | |
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_constraintLeft_toRightOf="@+id/release_imax" | |
app:layout_constraintRight_toRightOf="@id/right_margin" | |
app:layout_constraintTop_toBottomOf="@+id/backdrop_ruler" /> | |
<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