<?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:layout_width="276dp"
    android:layout_height="333dp"
    android:background="@drawable/bg_home_collection_big_slide_card_shadow">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/container"
        android:layout_width="244dp"
        android:layout_height="301dp"
        android:layout_gravity="center"
        android:background="@drawable/bg_item_game_test_v2">

        <com.facebook.drawee.view.SimpleDraweeView
            android:id="@+id/coverImage"
            style="@style/frescoStyle"
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:layout_constraintDimensionRatio="h,244:92"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:roundBottomEnd="false"
            app:roundBottomStart="false"
            app:roundTopEnd="true"
            app:roundTopStart="true"
            app:roundedCornerRadius="8dp" />

        <View
            android:id="@+id/maskView"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:background="@drawable/bg_shape_black_alpha_20_radius_8_top_only"
            app:layout_constraintDimensionRatio="h,244:92"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <TextView
            android:id="@+id/titleTv"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="12dp"
            android:layout_marginEnd="12dp"
            android:layout_marginBottom="4dp"
            android:ellipsize="end"
            android:maxLines="2"
            android:textColor="@color/white"
            android:textSize="@dimen/secondary_title_text_size"
            android:textStyle="bold"
            app:layout_constraintBottom_toTopOf="@+id/userIconCv"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            tools:text="2021年度热门好游一单搞定终极推荐" />

        <androidx.cardview.widget.CardView
            android:id="@+id/userIconCv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="12dp"
            android:layout_marginLeft="12dp"
            android:layout_marginBottom="12dp"
            app:cardCornerRadius="10dp"
            app:cardElevation="0dp"
            app:layout_constraintBottom_toBottomOf="@+id/coverImage"
            app:layout_constraintStart_toStartOf="@+id/coverImage">

            <com.facebook.drawee.view.SimpleDraweeView
                android:id="@+id/userIv"
                style="@style/frescoCircleStyle"
                android:layout_width="20dp"
                android:layout_height="20dp" />
        </androidx.cardview.widget.CardView>

        <TextView
            android:id="@+id/userTv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="4dp"
            android:layout_marginLeft="4dp"
            android:layout_marginEnd="12dp"
            android:layout_marginRight="12dp"
            android:ellipsize="end"
            android:singleLine="true"
            android:textColor="@color/white"
            android:textSize="@dimen/secondary_size"
            app:layout_constrainedWidth="true"
            app:layout_constraintBottom_toBottomOf="@+id/userIconCv"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0"
            app:layout_constraintStart_toEndOf="@+id/userIconCv"
            app:layout_constraintTop_toTopOf="@+id/userIconCv"
            tools:text="测试用户名" />

        <include
            android:id="@+id/gameItem1"
            layout="@layout/item_home_game_collection_big_slide_card_game"
            android:layout_width="0dp"
            android:layout_height="52dp"
            android:layout_marginTop="6dp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/coverImage" />

        <include
            android:id="@+id/gameItem2"
            layout="@layout/item_home_game_collection_big_slide_card_game"
            android:layout_width="0dp"
            android:layout_height="52dp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/gameItem1" />

        <include
            android:id="@+id/gameItem3"
            layout="@layout/item_home_game_collection_big_slide_card_game"
            android:layout_width="0dp"
            android:layout_height="52dp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/gameItem2" />

        <View
            android:id="@+id/divider"
            android:layout_width="0dp"
            android:layout_height="0.5dp"
            android:background="@color/ui_divider"
            app:layout_constraintBottom_toTopOf="@+id/moreTv"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent" />

        <androidx.appcompat.widget.AppCompatTextView
            android:id="@+id/moreTv"
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:drawablePadding="4dp"
            android:gravity="center"
            android:textColor="@color/text_tertiary"
            android:textSize="@dimen/secondary_size"
            app:drawableEndCompat="@drawable/ic_home_game_collection_slide_jump"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            tools:text="查看全部12款" />

    </androidx.constraintlayout.widget.ConstraintLayout>
</FrameLayout>