AquaStream/app/src/main/res/layout/fragment_home.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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/home_root"
    android:layout_width="match_parent"

    android:layout_height="match_parent"
    tools:context=".ui.home.HomeFragment">

    <FrameLayout
        android:id="@+id/home_loading"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="gone"
        tools:visibility="gone">

        <ProgressBar
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_gravity="center"
            android:visibility="gone"
            tools:visibility="gone" />

        <com.facebook.shimmer.ShimmerFrameLayout
            android:id="@+id/home_loading_shimmer"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:layout_marginTop="15dp"
            android:orientation="vertical"
            android:paddingTop="40dp"
            app:shimmer_auto_start="true"
            app:shimmer_base_alpha="0.2"
            app:shimmer_duration="@integer/loading_time"
            app:shimmer_highlight_alpha="0.3">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical">

                <FrameLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal">

                    <androidx.cardview.widget.CardView
                        android:layout_width="125dp"
                        android:layout_height="200dp"
                        android:layout_gravity="center"
                        android:layout_margin="@dimen/loading_margin"
                        android:background="@color/grayShimmer"
                        android:translationX="-164dp"
                        app:cardCornerRadius="@dimen/loading_radius" />

                    <androidx.cardview.widget.CardView
                        android:layout_width="148dp"
                        android:layout_height="234dp"
                        android:layout_gravity="center"
                        android:layout_margin="@dimen/loading_margin"
                        android:background="@color/grayShimmer"
                        app:cardCornerRadius="@dimen/loading_radius" />

                    <androidx.cardview.widget.CardView
                        android:layout_width="125dp"
                        android:layout_height="200dp"
                        android:layout_gravity="center"
                        android:layout_margin="@dimen/loading_margin"
                        android:background="@color/grayShimmer"
                        android:translationX="164dp"
                        app:cardCornerRadius="@dimen/loading_radius" />
                </FrameLayout>

                <include layout="@layout/loading_line_short_center" />

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="@dimen/result_padding"
                    android:layout_marginTop="@dimen/result_padding"

                    android:layout_marginEnd="@dimen/result_padding"
                    android:orientation="vertical">

                    <include layout="@layout/loading_list" />

                    <include layout="@layout/loading_list" />

                    <include layout="@layout/loading_list" />
                </LinearLayout>
            </LinearLayout>
        </com.facebook.shimmer.ShimmerFrameLayout>

        <FrameLayout
            android:id="@+id/home_loading_statusbar"
            android:layout_width="match_parent"
            android:layout_height="70dp">

            <ImageView
                android:id="@+id/home_change_api_loading"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_gravity="center_vertical|end"

                android:layout_margin="10dp"
                android:background="?android:attr/selectableItemBackgroundBorderless"
                android:contentDescription="@string/home_change_provider_img_des"
                android:src="@drawable/ic_baseline_keyboard_arrow_down_24" />
        </FrameLayout>
    </FrameLayout>

    <LinearLayout
        android:id="@+id/home_loading_error"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:orientation="vertical"
        android:visibility="gone"
        tools:visibility="gone">

        <com.google.android.material.button.MaterialButton
            android:id="@+id/home_reload_connectionerror"
            style="@style/WhiteButton"

            android:layout_width="wrap_content"

            android:layout_gravity="center"
            android:layout_margin="5dp"
            android:minWidth="200dp"
            android:text="@string/reload_error"
            app:icon="@drawable/ic_baseline_autorenew_24" />

        <com.google.android.material.button.MaterialButton
            android:id="@+id/home_reload_connection_open_in_browser"
            style="@style/BlackButton"

            android:layout_width="wrap_content"

            android:layout_gravity="center"
            android:layout_margin="5dp"
            android:minWidth="200dp"
            android:text="@string/result_open_in_browser"
            app:icon="@drawable/ic_baseline_public_24" />

        <TextView
            android:id="@+id/result_error_text"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_margin="5dp"
            android:gravity="center"
            android:textColor="?attr/textColor" />
    </LinearLayout>

    <androidx.core.widget.NestedScrollView
        android:id="@+id/home_loaded"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="?attr/primaryBlackBackground"
        android:visibility="gone"
        tools:visibility="visible">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <View
                android:id="@+id/home_statusbar"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="?attr/primaryGrayBackground" />

            <FrameLayout
                android:id="@+id/home_settings_bar"

                android:layout_width="match_parent"
                android:layout_height="70dp"
                android:background="?attr/primaryGrayBackground"
                android:visibility="gone">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"

                    android:orientation="horizontal"
                    android:paddingStart="10dp"

                    android:paddingTop="10dp"
                    android:paddingEnd="10dp"
                    android:paddingBottom="10dp">

                    <androidx.cardview.widget.CardView
                        android:id="@+id/home_profile_picture_holder"
                        android:layout_width="40dp"
                        android:layout_height="40dp"
                        android:layout_gravity="center_vertical"
                        android:layout_marginEnd="10dp"
                        app:cardCornerRadius="100dp">

                        <ImageView
                            android:id="@+id/home_profile_picture"
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:scaleType="centerCrop"
                            tools:ignore="ContentDescription" />
                    </androidx.cardview.widget.CardView>

                    <FrameLayout
                        android:layout_width="match_parent"
                        android:layout_height="40dp"
                        android:layout_gravity="center_vertical"
                        android:background="@drawable/search_background"
                        android:visibility="visible">

                        <androidx.appcompat.widget.SearchView
                            android:id="@+id/home_search2"
                            android:layout_width="match_parent"

                            android:layout_height="match_parent"
                            android:layout_gravity="center_vertical"
                            android:iconifiedByDefault="false"
                            android:paddingStart="-10dp"
                            app:iconifiedByDefault="false"
                            app:queryBackground="@color/transparent"
                            app:queryHint="@string/search_hint"
                            app:searchIcon="@drawable/search_icon"
                            tools:ignore="RtlSymmetry" />
                    </FrameLayout>

                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"

                        android:gravity="center"
                        android:orientation="vertical"
                        android:visibility="gone">

                        <TextView
                            android:id="@+id/home_provider_name"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center"
                            android:gravity="center_vertical"
                            android:textColor="?attr/textColor"
                            android:textSize="20sp"

                            tools:text="Hello World" />

                        <TextView
                            android:id="@+id/home_provider_meta_info"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center"
                            android:gravity="center_vertical"
                            android:textColor="?attr/grayTextColor"
                            android:textSize="14sp"
                            tools:text="Hello World" />
                    </LinearLayout>
                </LinearLayout>

                <!--
                                <ImageView
                                        android:nextFocusDown="@id/home_main_poster_recyclerview"
                                        android:nextFocusUp="@id/nav_rail_view"
                                        android:nextFocusLeft="@id/nav_rail_view"

                                        android:id="@+id/home_change_api"
                                        android:layout_margin="10dp"
                                        android:layout_gravity="center|end"
                                        android:background="?android:attr/selectableItemBackgroundBorderless"

                                        android:src="@drawable/ic_baseline_keyboard_arrow_down_24"
                                        android:layout_width="30dp"
                                        android:layout_height="30dp"
                                        android:contentDescription="@string/home_change_provider_img_des">

                                    <requestFocus />
                                </ImageView>-->
            </FrameLayout>

            <FrameLayout
                tools:visibility="visible"
                android:visibility="gone"
                android:id="@+id/home_preview"
                android:layout_width="match_parent"
                android:layout_height="500dp">

                <ImageView
                    android:alpha="0.8"
                    android:id="@+id/home_preview_image"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:scaleType="centerCrop"
                    tools:src="@drawable/example_poster" />

                <View
                    android:id="@+id/title_shadow"
                    android:layout_width="match_parent"
                    android:layout_height="300dp"
                    android:layout_gravity="bottom"
                    android:background="@drawable/background_shadow" />

                <FrameLayout

                    android:layout_width="match_parent"
                    android:layout_height="80dp"
                    android:layout_gravity="top"
                    android:visibility="gone">

                    <androidx.appcompat.widget.SearchView
                        android:id="@+id/home_search"
                        android:layout_width="match_parent"

                        android:layout_height="match_parent"
                        android:layout_gravity="center_vertical"
                        android:iconifiedByDefault="false"
                        android:paddingStart="-10dp"
                        app:iconifiedByDefault="false"

                        app:queryBackground="@color/transparent"
                        app:queryHint="@string/search_hint"

                        app:searchIcon="@drawable/search_icon"
                        tools:ignore="RtlSymmetry" />
                </FrameLayout>

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="bottom"
                    android:orientation="vertical">
                    <TextView
                        android:textStyle="bold"
                        android:paddingBottom="10dp"
                        android:id="@+id/home_preview_title"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:gravity="center"
                        android:textColor="@color/white"
                        android:textSize="17sp"
                        tools:text="The Perfect Run" />
                    <!--<TextView
                        android:paddingStart="30dp"
                        android:paddingEnd="30dp"
                        android:id="@+id/home_season_tags"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:gravity="center"
                        android:textColor="@color/white"
                        android:textSize="14sp"
                        tools:text="5 seasons 50 episodes" />-->
                    <TextView
                        android:paddingStart="30dp"
                        android:paddingEnd="30dp"
                        android:id="@+id/home_preview_tags"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:gravity="center"
                        android:textColor="@color/white"
                        android:textSize="14sp"
                        tools:text="Hello • World • Tags" />

                    <LinearLayout
                        android:padding="20dp"
                        android:gravity="center"
                        android:layout_gravity="center"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal">

                        <TextView
                            android:id="@+id/home_preview_bookmark"
                            android:background="?android:attr/selectableItemBackgroundBorderless"
                            android:layout_gravity="center"
                            android:gravity="center"
                            android:layout_marginStart="25dp"
                            android:layout_marginEnd="25dp"
                            android:layout_width="70dp"
                            android:layout_height="wrap_content"
                            android:text="@string/none"
                            android:textColor="@color/white"
                            app:drawableTopCompat="@drawable/ic_baseline_add_24"
                            app:tint="@color/white" />
                        <com.google.android.material.button.MaterialButton
                            android:layout_gravity="center"
                            style="@style/WhiteButton"
                            android:id="@+id/home_preview_play"
                            android:layout_width="wrap_content"

                            android:text="@string/home_play"
                            app:icon="@drawable/ic_baseline_play_arrow_24" />
                        <TextView
                            android:background="?android:attr/selectableItemBackgroundBorderless"
                            android:id="@+id/home_preview_info"
                            android:gravity="center"
                            android:layout_gravity="center"
                            android:layout_marginStart="25dp"
                            android:layout_marginEnd="25dp"
                            android:layout_width="70dp"
                            android:layout_height="wrap_content"
                            android:text="@string/home_info"
                            android:textColor="@color/white"
                            app:drawableTopCompat="@drawable/ic_outline_info_24"
                            app:tint="@color/white" />
                    </LinearLayout>
                </LinearLayout>
            </FrameLayout>


            <LinearLayout
                android:id="@+id/home_watch_holder"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:visibility="gone"
                tools:visibility="visible">

                <FrameLayout
                    android:id="@+id/home_watch_child_more_info"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"

                    android:foreground="?android:attr/selectableItemBackgroundBorderless"
                    android:nextFocusLeft="@id/nav_rail_view"
                    android:nextFocusDown="@id/home_watch_child_recyclerview"
                    android:padding="12dp">

                    <TextView
                        android:id="@+id/home_watch_parent_item_title"
                        style="@style/WatchHeaderText"
                        android:layout_gravity="center_vertical"
                        android:text="@string/continue_watching" />

                    <ImageView
                        android:layout_width="30dp"
                        android:layout_height="match_parent"
                        android:layout_gravity="end|center_vertical"
                        android:layout_marginEnd="5dp"
                        android:contentDescription="@string/home_more_info"
                        android:src="@drawable/ic_baseline_arrow_forward_24"
                        app:tint="?attr/textColor" />
                </FrameLayout>


                <androidx.recyclerview.widget.RecyclerView
                    android:id="@+id/home_watch_child_recyclerview"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:clipToPadding="false"
                    android:descendantFocusability="afterDescendants"
                    android:orientation="horizontal"
                    android:paddingHorizontal="5dp"
                    app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
                    tools:listitem="@layout/home_result_grid" />

            </LinearLayout>

            <LinearLayout
                android:id="@+id/home_bookmarked_holder"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:visibility="gone"
                tools:visibility="visible">

                <FrameLayout
                    android:id="@+id/home_bookmarked_child_more_info"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"

                    android:foreground="?android:attr/selectableItemBackgroundBorderless"
                    android:nextFocusLeft="@id/nav_rail_view"
                    android:nextFocusUp="@id/home_watch_child_recyclerview"
                    android:nextFocusForward="@id/home_bookmarked_child_recyclerview"
                    android:paddingStart="12dp"
                    android:paddingTop="5dp"
                    android:paddingEnd="12dp"
                    android:paddingBottom="5dp">

                    <HorizontalScrollView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginEnd="50dp"
                        android:fadingEdge="horizontal"
                        android:requiresFadingEdge="horizontal">

                        <LinearLayout
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:orientation="horizontal">

                            <com.google.android.material.button.MaterialButton
                                android:id="@+id/home_type_watching_btt"
                                style="@style/RoundedSelectableButton"

                                android:nextFocusLeft="@id/nav_rail_view"
                                android:nextFocusRight="@id/home_plan_to_watch_btt"
                                android:text="@string/type_watching" />

                            <com.google.android.material.button.MaterialButton
                                android:id="@+id/home_plan_to_watch_btt"
                                style="@style/RoundedSelectableButton"

                                android:nextFocusLeft="@id/home_type_watching_btt"
                                android:nextFocusRight="@id/home_type_on_hold_btt"
                                android:text="@string/type_plan_to_watch" />

                            <com.google.android.material.button.MaterialButton
                                android:id="@+id/home_type_on_hold_btt"
                                style="@style/RoundedSelectableButton"

                                android:nextFocusLeft="@id/home_plan_to_watch_btt"
                                android:nextFocusRight="@id/home_type_dropped_btt"
                                android:text="@string/type_on_hold" />

                            <com.google.android.material.button.MaterialButton
                                android:id="@+id/home_type_dropped_btt"
                                style="@style/RoundedSelectableButton"

                                android:nextFocusLeft="@id/home_type_on_hold_btt"
                                android:nextFocusRight="@id/home_type_completed_btt"
                                android:text="@string/type_dropped" />

                            <com.google.android.material.button.MaterialButton
                                android:id="@+id/home_type_completed_btt"

                                style="@style/RoundedSelectableButton"
                                android:nextFocusLeft="@id/home_type_dropped_btt"
                                android:text="@string/type_completed" />
                        </LinearLayout>
                    </HorizontalScrollView>

                    <ImageView
                        android:layout_width="30dp"
                        android:layout_height="match_parent"
                        android:layout_gravity="end|center_vertical"
                        android:layout_marginEnd="5dp"
                        android:contentDescription="@string/home_more_info"
                        android:src="@drawable/ic_baseline_arrow_forward_24"
                        app:tint="?attr/textColor" />
                </FrameLayout>

                <androidx.recyclerview.widget.RecyclerView
                    android:id="@+id/home_bookmarked_child_recyclerview"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"

                    android:clipToPadding="false"
                    android:descendantFocusability="afterDescendants"
                    android:orientation="horizontal"
                    android:paddingHorizontal="5dp"
                    app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
                    tools:listitem="@layout/home_result_grid" />
            </LinearLayout>

            <androidx.recyclerview.widget.RecyclerView
                android:id="@+id/home_master_recycler"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:descendantFocusability="afterDescendants"
                android:nextFocusLeft="@id/nav_rail_view"
                tools:listitem="@layout/homepage_parent" />
        </LinearLayout>
    </androidx.core.widget.NestedScrollView>

    <com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton
        android:id="@+id/home_api_fab"
        style="@style/ExtendedFloatingActionButton"
        android:text="@string/home_source"
        android:textColor="?attr/textColor"
        android:visibility="gone"
        app:icon="@drawable/ic_baseline_filter_list_24"
        tools:ignore="ContentDescription"
        tools:visibility="visible" />

    <com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton
        android:id="@+id/home_random"
        style="@style/ExtendedFloatingActionButton"
        android:layout_gravity="bottom|start"
        android:text="@string/home_random"
        android:textColor="?attr/textColor"
        android:visibility="gone"
        app:icon="@drawable/ic_baseline_play_arrow_24"
        tools:ignore="ContentDescription"
        tools:visibility="visible" />
</FrameLayout>