yuyalong/app/src/main/res/layout/item_vip_buy.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/cl_item"
    android:layout_width="@dimen/dp_310"
    android:layout_height="@dimen/dp_165"
    android:layout_marginEnd="@dimen/dp_6"
    android:background="@mipmap/ic_vip_week_bg"
    android:orientation="vertical">

    <com.hjq.shape.view.ShapeTextView
        android:id="@+id/tv_hot"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/dp_11"
        android:paddingHorizontal="@dimen/dp_10"
        android:paddingVertical="@dimen/dp_2"
        android:text=""
        android:textColor="@color/white"
        android:textSize="@dimen/sp_10"
        android:visibility="gone"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:shape_radiusInBottomEnd="@dimen/dp_15"
        app:shape_radiusInTopLeft="@dimen/dp_15"
        app:shape_solidColor="@color/example_color_F56490" />

    <TextView
        android:id="@+id/tv_day"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginStart="@dimen/dp_14"
        android:layout_marginTop="@dimen/dp_32"
        android:fontFamily="sans-serif-medium"
        android:gravity="center_horizontal"
        android:text="Weekly"
        android:textColor="#712B2B"
        android:textSize="@dimen/sp_12"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/tv_money"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginStart="@dimen/dp_14"
        android:layout_marginTop="@dimen/dp_6"
        android:text="0"
        android:textColor="#FFB69A"
        android:textSize="@dimen/sp_19"
        android:textStyle="bold"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tv_day" />

    <TextView
        android:id="@+id/tv_money_day"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginBottom="@dimen/dp_3"
        android:text="/Week"
        android:textColor="#FFB69A"
        android:textSize="@dimen/sp_12"
        app:layout_constraintBottom_toBottomOf="@+id/tv_money"
        app:layout_constraintStart_toEndOf="@+id/tv_money" />


    <com.hjq.shape.view.ShapeTextView
        android:id="@+id/tv_des"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/dp_5"
        android:layout_marginEnd="@dimen/dp_5"
        android:paddingHorizontal="@dimen/dp_7"
        android:paddingVertical="@dimen/dp_3"
        android:singleLine="true"
        android:text="Unlimited access to all series for 1 week (No Ads)"
        android:textColor="#712B2B"
        android:textSize="@dimen/sp_11"
        app:layout_constraintStart_toStartOf="@+id/tv_money"
        app:layout_constraintTop_toBottomOf="@+id/tv_money"
        app:shape_radius="@dimen/dp_20"
        app:shape_solidGradientEndColor="@color/transparent"
        app:shape_solidGradientStartColor="#FFCDCB" />


    <TextView
        android:id="@+id/tv_info"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/dp_3"
        android:layout_marginEnd="@dimen/dp_5"
        android:singleLine="true"
        android:text="Auto renew, cancel anytime"
        android:textColor="#45000000"
        android:textSize="@dimen/sp_11"
        app:layout_constraintStart_toStartOf="@+id/tv_des"
        app:layout_constraintTop_toBottomOf="@+id/tv_des" />

    <TextView
        android:id="@+id/tv_expire"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/dp_1"
        android:layout_marginEnd="@dimen/dp_5"
        android:singleLine="true"
        android:text="The donate coins will expire in 8 days"
        android:textColor="#45000000"
        android:textSize="@dimen/sp_11"
        app:layout_constraintStart_toStartOf="@+id/tv_des"
        app:layout_constraintTop_toBottomOf="@+id/tv_info" />

    <com.hjq.shape.layout.ShapeLinearLayout
        android:id="@+id/ll_extra"
        android:layout_width="wrap_content"
        android:layout_height="@dimen/dp_20"
        android:gravity="center"
        android:paddingHorizontal="@dimen/dp_10"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:shape_radiusInBottomRight="@dimen/dp_15"
        app:shape_radiusInTopLeft="@dimen/dp_15"
        app:shape_solidGradientEndColor="#FFE4CC"
        app:shape_solidGradientStartColor="#FFDDBF">

        <TextView
            android:id="@+id/tv_extra"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="+Extra 500"
            android:textColor="#8F5600"
            android:textSize="@dimen/sp_10" />

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="@dimen/dp_2"
            android:src="@mipmap/ic_login_conins" />

    </com.hjq.shape.layout.ShapeLinearLayout>


    <com.hjq.shape.view.ShapeCheckBox
        android:id="@+id/checkbox"
        android:layout_width="@dimen/dp_20"
        android:layout_height="@dimen/dp_20"
        android:layout_marginTop="@dimen/dp_10"
        android:background="@null"
        android:clickable="false"
        android:focusable="false"
        android:focusableInTouchMode="false"
        app:buttonCompat="@drawable/checkbox_selector"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent" />


</androidx.constraintlayout.widget.ConstraintLayout>