activity_movie_detail.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        android:fitsSystemWindows="true">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:contentScrim="?attr/colorPrimary"
            app:expandedTitleMarginStart="48dp"
            app:expandedTitleMarginEnd="64dp"
            android:fitsSystemWindows="true">

            <ScrollView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:fillViewport="true">

                <android.support.constraint.ConstraintLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent">

                    <!-- I kept the src and text in the components to help me  when editing the layout, otherwise it would be very hard -->

                    <ImageView
                        android:layout_width="0dp"
                        android:id="@+id/tv_movie_banner"
                        android:src="@drawable/banner3"
                        android:scaleType="centerCrop"
                        app:layout_constraintLeft_toLeftOf="parent"
                        app:layout_constraintRight_toRightOf="parent"
                        app:layout_constraintTop_toTopOf="parent"
                        app:layout_constraintHorizontal_bias="1.0"
                        android:layout_height="231dp" />

                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        app:srcCompat="@drawable/capa2"
                        android:id="@+id/iv_movie_poster"
                        app:layout_constraintTop_toTopOf="@+id/tv_movie_banner"
                        android:layout_marginStart="24dp"
                        app:layout_constraintLeft_toLeftOf="parent"
                        android:layout_marginLeft="24dp"
                        android:adjustViewBounds="true"
                        android:scaleType="fitCenter"
                        app:layout_constraintBottom_toBottomOf="parent"
                        android:layout_marginBottom="16dp" />

                    <TextView
                        android:text="@string/title_dummy"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:id="@+id/tv_movie_title"
                        android:textSize="24sp"
                        android:gravity="center"
                        android:textColor="@color/colorPrimaryDark"
                        android:layout_marginStart="16dp"
                        app:layout_constraintLeft_toRightOf="@+id/iv_movie_poster"
                        android:layout_marginLeft="16dp"
                        android:layout_marginEnd="16dp"
                        app:layout_constraintRight_toRightOf="parent"
                        android:layout_marginRight="16dp"
                        app:layout_constraintTop_toBottomOf="@+id/tv_movie_banner"
                        app:layout_constraintBottom_toTopOf="@+id/tv_movie_overview"
                        android:layout_marginBottom="8dp"
                        app:layout_constraintVertical_bias="0.0"
                        android:layout_marginTop="16dp"
                        android:textStyle="normal|bold" />

                    <TextView
                        android:text="@string/release_date_label"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:id="@+id/tv_movie_release_date_label"
                        android:textColor="@color/colorPrimaryDark"
                        android:gravity="center"
                        android:layout_marginStart="8dp"
                        app:layout_constraintLeft_toRightOf="@+id/iv_movie_poster"
                        android:layout_marginLeft="8dp"
                        app:layout_constraintTop_toBottomOf="@+id/tv_movie_title"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintVertical_bias="0.04000002"
                        android:layout_marginEnd="16dp"
                        app:layout_constraintRight_toRightOf="parent"
                        android:layout_marginRight="16dp"
                        app:layout_constraintHorizontal_bias="0.24"
                        android:layout_marginTop="16dp" />

                    <TextView
                        android:text="@string/release_date_dummy"
                        android:layout_width="83dp"
                        android:layout_height="wrap_content"
                        android:id="@+id/tv_movie_release_date"
                        android:textColor="@color/colorAccent"
                        android:gravity="center"
                        android:layout_marginStart="8dp"
                        app:layout_constraintLeft_toRightOf="@+id/iv_movie_poster"
                        android:layout_marginLeft="8dp"
                        app:layout_constraintBottom_toTopOf="@+id/tv_movie_overview"
                        android:layout_marginBottom="8dp"
                        app:layout_constraintTop_toBottomOf="@+id/tv_movie_release_date_label"
                        app:layout_constraintVertical_bias="0.0"
                        android:layout_marginEnd="16dp"
                        app:layout_constraintRight_toRightOf="parent"
                        android:layout_marginRight="16dp"
                        app:layout_constraintHorizontal_bias="0.24" />

                    <TextView
                        android:text="@string/rating_label"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:id="@+id/tv_movie_rating_label"
                        app:layout_constraintTop_toBottomOf="@+id/tv_movie_title"
                        android:textColor="@color/colorPrimaryDark"
                        android:layout_marginStart="8dp"
                        app:layout_constraintLeft_toRightOf="@+id/tv_movie_release_date_label"
                        android:layout_marginLeft="8dp"
                        android:layout_marginEnd="16dp"
                        app:layout_constraintRight_toRightOf="parent"
                        android:layout_marginRight="16dp"
                        app:layout_constraintBottom_toBottomOf="parent"
                        android:layout_marginBottom="16dp"
                        app:layout_constraintVertical_bias="0.04000002"
                        android:layout_marginTop="16dp" />

                    <TextView
                        android:text="@string/rating_dummy"
                        android:layout_width="57dp"
                        android:layout_height="wrap_content"
                        android:id="@+id/tv_movie_rating"
                        android:textColor="@color/colorAccent"
                        android:layout_marginEnd="16dp"
                        app:layout_constraintRight_toRightOf="parent"
                        android:layout_marginRight="16dp"
                        android:gravity="center"
                        android:layout_marginStart="8dp"
                        app:layout_constraintLeft_toRightOf="@+id/tv_movie_release_date"
                        android:layout_marginLeft="8dp"
                        app:layout_constraintBottom_toTopOf="@+id/tv_movie_overview"
                        android:layout_marginBottom="8dp"
                        app:layout_constraintTop_toBottomOf="@+id/tv_movie_rating_label"
                        app:layout_constraintVertical_bias="0.0" />

                    <TextView
                        android:text="@string/overview_dummy"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:id="@+id/tv_movie_overview"
                        android:textColor="@color/colorPrimaryDark"
                        app:layout_constraintBottom_toBottomOf="parent"
                        android:layout_marginBottom="16dp"
                        android:layout_marginTop="8dp"
                        app:layout_constraintTop_toBottomOf="@+id/iv_movie_poster"
                        app:layout_constraintVertical_bias="0.16000003"
                        android:layout_marginEnd="24dp"
                        app:layout_constraintRight_toRightOf="parent"
                        android:layout_marginRight="24dp"
                        android:layout_marginStart="24dp"
                        app:layout_constraintLeft_toLeftOf="parent"
                        android:layout_marginLeft="24dp" />


                </android.support.constraint.ConstraintLayout>

            </ScrollView>

        </android.support.design.widget.CollapsingToolbarLayout>

    </android.support.design.widget.AppBarLayout>

</android.support.design.widget.CoordinatorLayout>