hcp-pad/home/src/main/res/layout/activity_home.xml

<?xml version="1.0" encoding="utf-8"?>
<layout 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"
    tools:ignore="ResourceName">

    <data>

        <import type="com.yingyangfly.baselib.utils.User" />

        <variable
            name="data"
            type="com.yingyangfly.home.entity.CountTrainBean" />

        <variable
            name="task"
            type="com.yingyangfly.home.entity.MyTaskBean" />
    </data>

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/bg_train">

        <androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <androidx.constraintlayout.widget.ConstraintLayout
                android:id="@+id/titleLayout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toTopOf="parent">

                <androidx.constraintlayout.widget.ConstraintLayout
                    android:id="@+id/headLayout"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    app:layout_constraintHorizontal_weight="1"
                    app:layout_constraintLeft_toLeftOf="parent"
                    app:layout_constraintRight_toLeftOf="@id/functionLayout"
                    app:layout_constraintTop_toTopOf="parent">

                    <androidx.appcompat.widget.AppCompatTextView
                        android:layout_width="match_parent"
                        android:layout_height="@dimen/divider_61px"
                        android:layout_marginStart="@dimen/divider_101px"
                        android:layout_marginTop="@dimen/divider_30px"
                        android:layout_marginEnd="@dimen/divider_31px"
                        android:background="@drawable/bg_home_title"
                        android:gravity="center"
                        android:text='@{User.INSTANCE.name+"，欢迎你使用未来蓝豚"}'
                        android:textColor="@color/color_FF4A76FF"
                        android:textSize="@dimen/divider_24px"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintLeft_toLeftOf="parent"
                        app:layout_constraintRight_toRightOf="parent"
                        app:layout_constraintTop_toTopOf="parent" />

                    <androidx.appcompat.widget.AppCompatImageView
                        android:id="@+id/imageSetting"
                        android:layout_width="@dimen/divider_80px"
                        android:layout_height="@dimen/divider_80px"
                        android:layout_marginStart="@dimen/divider_53px"
                        android:layout_marginTop="@dimen/divider_20px"
                        app:isCircle="@{true}"
                        app:layout_constraintLeft_toLeftOf="parent"
                        app:layout_constraintTop_toTopOf="parent"
                        app:loadHeadImg="@{User.INSTANCE.avatar}" />

                </androidx.constraintlayout.widget.ConstraintLayout>

                <androidx.constraintlayout.widget.ConstraintLayout
                    android:id="@+id/functionLayout"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal"
                    app:layout_constraintHorizontal_weight="1.6"
                    app:layout_constraintLeft_toRightOf="@id/headLayout"
                    app:layout_constraintRight_toRightOf="parent"
                    app:layout_constraintTop_toTopOf="parent">

                    <LinearLayout
                        android:id="@+id/layoutLiveBroadcast"
                        style="@style/workbenches_operate_btn"
                        android:layout_gravity="center_horizontal"
                        android:gravity="center_horizontal"
                        app:layout_constraintLeft_toLeftOf="parent"
                        app:layout_constraintRight_toLeftOf="@+id/layoutHelp"
                        tools:ignore="MissingConstraints">

                        <androidx.appcompat.widget.AppCompatImageView
                            android:layout_width="@dimen/divider_44px"
                            android:layout_height="@dimen/divider_35px"
                            android:layout_marginTop="@dimen/divider_37px"
                            android:background="@mipmap/icon_live_broadcast"
                            android:scaleType="centerInside"
                            tools:ignore="ContentDescription" />

                        <androidx.appcompat.widget.AppCompatTextView
                            style="@style/workbenches_home_text"
                            android:layout_marginTop="@dimen/divider_13px"
                            android:text="@string/live_broadcast" />

                    </LinearLayout>

                    <LinearLayout
                        android:id="@+id/layoutHelp"
                        style="@style/workbenches_operate_btn"
                        android:gravity="center_horizontal"
                        app:layout_constraintLeft_toRightOf="@+id/layoutLiveBroadcast"
                        app:layout_constraintRight_toLeftOf="@+id/layoutNotify"
                        tools:ignore="MissingConstraints">

                        <androidx.appcompat.widget.AppCompatImageView
                            android:layout_width="@dimen/divider_38px"
                            android:layout_height="@dimen/divider_38px"
                            android:layout_marginTop="@dimen/divider_37px"
                            android:background="@mipmap/icon_help"
                            android:scaleType="centerInside" />

                        <androidx.appcompat.widget.AppCompatTextView
                            style="@style/workbenches_home_text"
                            android:layout_marginTop="@dimen/divider_10px"
                            android:text="@string/help" />
                    </LinearLayout>

                    <androidx.constraintlayout.widget.ConstraintLayout
                        android:id="@+id/layoutNotify"
                        style="@style/workbenches_operate_btn"
                        android:gravity="center_horizontal"
                        app:layout_constraintLeft_toRightOf="@+id/layoutHelp"
                        app:layout_constraintRight_toLeftOf="@+id/layoutServicePackage"
                        tools:ignore="MissingConstraints">

                        <androidx.appcompat.widget.AppCompatImageView
                            android:id="@+id/notifyImage"
                            android:layout_width="@dimen/divider_34px"
                            android:layout_height="@dimen/divider_40px"
                            android:layout_marginTop="@dimen/divider_37px"
                            android:background="@mipmap/icon_notify"
                            android:scaleType="centerInside"
                            app:layout_constraintLeft_toLeftOf="parent"
                            app:layout_constraintRight_toRightOf="parent"
                            app:layout_constraintTop_toTopOf="parent" />

                        <View
                            android:id="@+id/unReadLayout"
                            android:layout_width="@dimen/divider_14px"
                            android:layout_height="@dimen/divider_14px"
                            android:layout_marginStart="@dimen/divider_10px"
                            android:layout_marginTop="@dimen/divider_37px"
                            android:background="@drawable/shape_ract_gold"
                            android:visibility="gone"
                            app:layout_constraintLeft_toLeftOf="parent"
                            app:layout_constraintRight_toRightOf="parent"
                            app:layout_constraintTop_toTopOf="parent" />

                        <androidx.appcompat.widget.AppCompatTextView
                            style="@style/workbenches_home_text"
                            android:layout_marginTop="@dimen/divider_8px"
                            android:text="@string/notify"
                            app:layout_constraintLeft_toLeftOf="parent"
                            app:layout_constraintRight_toRightOf="parent"
                            app:layout_constraintTop_toBottomOf="@+id/notifyImage" />
                    </androidx.constraintlayout.widget.ConstraintLayout>

                    <LinearLayout
                        android:id="@+id/layoutServicePackage"
                        style="@style/workbenches_operate_btn"
                        android:gravity="center_horizontal"
                        app:layout_constraintLeft_toRightOf="@+id/layoutNotify"
                        app:layout_constraintRight_toRightOf="parent"
                        tools:ignore="MissingConstraints">

                        <androidx.appcompat.widget.AppCompatImageView
                            android:layout_width="@dimen/divider_44px"
                            android:layout_height="@dimen/divider_36px"
                            android:layout_marginTop="@dimen/divider_37px"
                            android:background="@mipmap/icon_service_package"
                            android:scaleType="centerInside" />

                        <androidx.appcompat.widget.AppCompatTextView
                            style="@style/workbenches_home_text"
                            android:layout_marginTop="@dimen/divider_12px"
                            android:text="@string/service_package" />
                    </LinearLayout>
                </androidx.constraintlayout.widget.ConstraintLayout>

            </androidx.constraintlayout.widget.ConstraintLayout>

            <androidx.cardview.widget.CardView
                android:id="@+id/leftLayout"
                android:layout_width="0dp"
                android:layout_height="@dimen/divider_616px"
                android:layout_marginStart="@dimen/divider_40px"
                android:layout_marginTop="@dimen/divider_55px"
                android:layout_marginBottom="@dimen/divider_48px"
                app:cardCornerRadius="@dimen/divider_28px"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintHorizontal_weight="1"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toLeftOf="@id/rightLayout"
                app:layout_constraintTop_toBottomOf="@+id/titleLayout">

                <LinearLayout
                    android:id="@+id/gameLayout"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_gravity="center_horizontal"
                    android:background="@mipmap/icon_occupy_bitmap"
                    android:gravity="center_horizontal"
                    android:orientation="vertical">

                    <androidx.recyclerview.widget.RecyclerView
                        android:id="@+id/rvGame"
                        android:layout_width="match_parent"
                        android:layout_height="0dp"
                        android:layout_marginStart="@dimen/divider_20px"
                        android:layout_marginTop="@dimen/divider_10px"
                        android:layout_marginEnd="@dimen/divider_17px"
                        android:layout_weight="1" />

                    <Button
                        android:id="@+id/btnNextPage"
                        android:layout_width="@dimen/divider_307px"
                        android:layout_height="@dimen/divider_56px"
                        android:layout_marginTop="@dimen/divider_18px"
                        android:layout_marginBottom="@dimen/divider_18px"
                        android:background="@drawable/bg_home_game_btn"
                        android:text="@string/next_page"
                        android:textColor="@android:color/white"
                        android:textSize="@dimen/divider_28px" />

                </LinearLayout>

                <LinearLayout
                    android:id="@+id/taskLayout"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_gravity="center_horizontal"
                    android:background="@mipmap/icon_occupy_bitmap"
                    android:gravity="center_horizontal"
                    android:orientation="vertical"
                    android:visibility="gone">

                    <androidx.constraintlayout.widget.ConstraintLayout
                        android:layout_width="match_parent"
                        android:layout_height="0dp"
                        android:layout_marginStart="@dimen/divider_37px"
                        android:layout_marginTop="@dimen/divider_21px"
                        android:layout_marginEnd="@dimen/divider_36px"
                        android:layout_weight="1">

                        <ImageView
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            app:layout_constraintBottom_toBottomOf="parent"
                            app:layout_constraintLeft_toLeftOf="parent"
                            app:layout_constraintRight_toRightOf="parent"
                            app:layout_constraintTop_toTopOf="parent"
                            app:loadImg="@{task.getGameImage()}"
                            app:roundRadius="@{8}" />

                        <androidx.appcompat.widget.AppCompatButton
                            android:layout_width="@dimen/divider_264px"
                            android:layout_height="@dimen/divider_50px"
                            android:layout_gravity="center_horizontal|bottom"
                            android:layout_marginBottom="@dimen/divider_39px"
                            android:background="@drawable/bg_home_task_progress"
                            android:text='@{"当前游戏"+task.currentTaskNum+"/"+task.totalTaskNum}'
                            android:textColor="@android:color/white"
                            android:textSize="@dimen/divider_28px"
                            android:textStyle="bold"
                            app:layout_constraintBottom_toBottomOf="parent"
                            app:layout_constraintLeft_toLeftOf="parent"
                            app:layout_constraintRight_toRightOf="parent" />

                    </androidx.constraintlayout.widget.ConstraintLayout>

                    <Button
                        android:id="@+id/btnTask"
                        android:layout_width="match_parent"
                        android:layout_height="@dimen/divider_80px"
                        android:layout_marginStart="@dimen/divider_57px"
                        android:layout_marginTop="@dimen/divider_26px"
                        android:layout_marginEnd="@dimen/divider_55px"
                        android:layout_marginBottom="@dimen/divider_36px"
                        android:background="@drawable/bg_home_task_btn"
                        android:text="@string/start_exclusive_training"
                        android:textColor="@android:color/white"
                        android:textSize="@dimen/divider_28px" />

                </LinearLayout>
            </androidx.cardview.widget.CardView>

            <androidx.constraintlayout.widget.ConstraintLayout
                android:id="@+id/rightLayout"
                android:layout_width="0dp"
                android:layout_height="@dimen/divider_616px"
                android:layout_marginTop="@dimen/divider_51px"
                android:layout_marginEnd="@dimen/divider_40px"
                android:layout_marginBottom="@dimen/divider_48px"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintHorizontal_weight="1.3"
                app:layout_constraintLeft_toRightOf="@id/leftLayout"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/titleLayout">

                <androidx.constraintlayout.widget.ConstraintLayout
                    android:id="@+id/tvPlayPorpoise"
                    style="@style/home_right_tools_layout"
                    android:background="@drawable/bg_play_porpoise"
                    app:layout_constraintLeft_toLeftOf="parent"
                    app:layout_constraintRight_toLeftOf="@id/tvProfessionalEvaluation"
                    app:layout_constraintTop_toTopOf="parent">

                    <androidx.appcompat.widget.AppCompatImageView
                        android:id="@+id/enjoyImage"
                        android:layout_width="@dimen/divider_102px"
                        android:layout_height="@dimen/divider_62px"
                        android:layout_marginTop="@dimen/divider_47px"
                        android:background="@mipmap/icon_enjoy"
                        android:scaleType="centerInside"
                        app:layout_constraintLeft_toLeftOf="parent"
                        app:layout_constraintRight_toRightOf="parent"
                        app:layout_constraintTop_toTopOf="parent" />

                    <androidx.appcompat.widget.AppCompatTextView
                        style="@style/home_right_tools_text"
                        android:text="@string/play_with_blue_porpoise"
                        app:layout_constraintTop_toBottomOf="@+id/enjoyImage"
                        tools:ignore="MissingConstraints" />

                </androidx.constraintlayout.widget.ConstraintLayout>

                <androidx.constraintlayout.widget.ConstraintLayout
                    android:id="@+id/tvProfessionalEvaluation"
                    style="@style/home_right_tools_layout"
                    android:background="@drawable/bg_professional_evaluation"
                    app:layout_constraintLeft_toRightOf="@id/tvPlayPorpoise"
                    app:layout_constraintRight_toRightOf="parent"
                    app:layout_constraintTop_toTopOf="parent">

                    <androidx.appcompat.widget.AppCompatImageView
                        android:id="@+id/evaluationImage"
                        style="@style/home_right_tools_image"
                        android:layout_width="@dimen/divider_77px"
                        android:layout_height="@dimen/divider_77px"
                        android:layout_marginTop="@dimen/divider_32px"
                        android:background="@mipmap/icon_evaluation"
                        tools:ignore="MissingConstraints" />

                    <androidx.appcompat.widget.AppCompatTextView
                        style="@style/home_right_tools_text"
                        android:text="@string/professional_evaluation"
                        app:layout_constraintTop_toBottomOf="@+id/evaluationImage"
                        tools:ignore="MissingConstraints" />

                </androidx.constraintlayout.widget.ConstraintLayout>

                <androidx.constraintlayout.widget.ConstraintLayout
                    android:id="@+id/tvHealthCounseling"
                    style="@style/home_right_tools_layout"
                    android:layout_marginTop="@dimen/divider_28px"
                    android:background="@drawable/bg_health_counseling"
                    app:layout_constraintLeft_toLeftOf="parent"
                    app:layout_constraintRight_toLeftOf="@id/tvfunTime"
                    app:layout_constraintTop_toBottomOf="@+id/tvPlayPorpoise">

                    <androidx.appcompat.widget.AppCompatImageView
                        android:id="@+id/newsInformationImage"
                        style="@style/home_right_tools_image"
                        android:layout_width="@dimen/divider_80px"
                        android:layout_height="@dimen/divider_79px"
                        android:layout_marginTop="@dimen/divider_27px"
                        android:background="@mipmap/icon_news_information"
                        tools:ignore="MissingConstraints" />

                    <androidx.appcompat.widget.AppCompatTextView
                        style="@style/home_right_tools_text"
                        android:text="@string/health_counseling"
                        app:layout_constraintTop_toBottomOf="@+id/newsInformationImage"
                        tools:ignore="MissingConstraints" />

                </androidx.constraintlayout.widget.ConstraintLayout>

                <androidx.constraintlayout.widget.ConstraintLayout
                    android:id="@+id/tvfunTime"
                    style="@style/home_right_tools_layout"
                    android:layout_marginTop="@dimen/divider_28px"
                    android:background="@drawable/bg_fun_time"
                    android:gravity="center"
                    app:layout_constraintLeft_toRightOf="@id/tvHealthCounseling"
                    app:layout_constraintRight_toRightOf="parent"
                    app:layout_constraintTop_toBottomOf="@+id/tvPlayPorpoise">

                    <androidx.appcompat.widget.AppCompatImageView
                        android:id="@+id/funTimeImage"
                        style="@style/home_right_tools_image"
                        android:layout_width="@dimen/divider_95px"
                        android:layout_height="@dimen/divider_76px"
                        android:layout_marginTop="@dimen/divider_32px"
                        android:background="@mipmap/icon_fun_time"
                        tools:ignore="MissingConstraints" />

                    <androidx.appcompat.widget.AppCompatTextView
                        style="@style/home_right_tools_text"
                        android:text="@string/fun_time"
                        app:layout_constraintTop_toBottomOf="@+id/funTimeImage"
                        tools:ignore="MissingConstraints" />

                </androidx.constraintlayout.widget.ConstraintLayout>

                <androidx.constraintlayout.widget.ConstraintLayout
                    android:layout_width="@dimen/divider_561px"
                    android:layout_height="@dimen/divider_173px"
                    android:layout_marginTop="@dimen/divider_28px"
                    android:background="@drawable/bg_data_content"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintLeft_toLeftOf="parent"
                    app:layout_constraintRight_toRightOf="parent"
                    app:layout_constraintTop_toBottomOf="@+id/tvHealthCounseling">

                    <LinearLayout
                        android:id="@+id/brainPowerValueLayout"
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:gravity="center"
                        android:orientation="vertical"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintHorizontal_weight="1"
                        app:layout_constraintLeft_toLeftOf="parent"
                        app:layout_constraintRight_toLeftOf="@id/accumulatedTrainingDurationLayout"
                        app:layout_constraintTop_toTopOf="parent">

                        <androidx.appcompat.widget.AppCompatTextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:text="@string/brain_power_value"
                            android:textColor="@android:color/white"
                            android:textSize="@dimen/divider_24px" />

                        <androidx.appcompat.widget.AppCompatTextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginTop="@dimen/divider_9px"
                            android:text="@{data.mentalPower}"
                            android:textColor="@android:color/white"
                            android:textSize="@dimen/divider_34px"
                            android:textStyle="bold" />

                    </LinearLayout>

                    <LinearLayout
                        android:id="@+id/accumulatedTrainingDurationLayout"
                        android:layout_width="0dp"
                        android:layout_height="@dimen/divider_173px"
                        android:gravity="center"
                        android:orientation="vertical"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintHorizontal_weight="1"
                        app:layout_constraintLeft_toRightOf="@id/brainPowerValueLayout"
                        app:layout_constraintRight_toLeftOf="@id/checkLayout"
                        app:layout_constraintTop_toTopOf="parent">

                        <androidx.appcompat.widget.AppCompatTextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:text="@string/accumulated_training_duration"
                            android:textColor="@android:color/white"
                            android:textSize="@dimen/divider_24px" />

                        <androidx.appcompat.widget.AppCompatTextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginTop="@dimen/divider_9px"
                            android:text="@{data.trainTime}"
                            android:textColor="@android:color/white"
                            android:textSize="@dimen/divider_34px"
                            android:textStyle="bold" />

                    </LinearLayout>

                    <LinearLayout
                        android:id="@+id/checkLayout"
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:gravity="center"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintHorizontal_weight="1"
                        app:layout_constraintLeft_toRightOf="@id/accumulatedTrainingDurationLayout"
                        app:layout_constraintRight_toRightOf="parent"
                        app:layout_constraintTop_toTopOf="parent">

                        <Button
                            android:id="@+id/btnCheck"
                            android:layout_width="@dimen/divider_140px"
                            android:layout_height="@dimen/divider_50px"
                            android:layout_marginEnd="@dimen/divider_29px"
                            android:background="@drawable/bg_home_game_btn"
                            android:text="@string/view"
                            android:textColor="@android:color/white"
                            android:textSize="@dimen/divider_28px" />

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

        <androidx.appcompat.widget.AppCompatImageView
            android:id="@+id/fishImage"
            android:layout_width="@dimen/divider_180px"
            android:layout_height="@dimen/divider_289px"
            android:layout_gravity="bottom|left" />
    </FrameLayout>
</layout>