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>


    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/homeLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@mipmap/icon_uniform_background">

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/titleLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="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_constraintEnd_toStartOf="@id/functionLayout"
                app:layout_constraintHorizontal_weight="1"
                app:layout_constraintStart_toStartOf="parent"
                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"
                    android:textStyle="bold"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintStart_toStartOf="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_constraintStart_toStartOf="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_constraintEnd_toEndOf="parent"
                app:layout_constraintHorizontal_weight="1.6"
                app:layout_constraintStart_toEndOf="@id/headLayout"
                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_constraintEnd_toStartOf="@+id/layoutHelp"
                    app:layout_constraintStart_toStartOf="parent"
                    tools:ignore="MissingConstraints">

                    <androidx.appcompat.widget.AppCompatImageView
                        android:layout_width="@dimen/divider_68px"
                        android:layout_height="@dimen/divider_65px"
                        android:layout_marginTop="@dimen/divider_18px"
                        android:scaleType="centerInside"
                        android:src="@mipmap/icon_live_broadcast" />

                    <androidx.appcompat.widget.AppCompatTextView
                        android:layout_width="@dimen/divider_122px"
                        android:layout_height="@dimen/divider_42px"
                        android:layout_marginTop="@dimen/divider_18px"
                        android:background="@mipmap/icon_home_text"
                        android:gravity="center"
                        android:lineHeight="@dimen/divider_33px"
                        android:text="@string/live_broadcast"
                        android:textColor="@android:color/white"
                        android:textSize="@dimen/divider_24px"
                        android:textStyle="bold" />

                </LinearLayout>

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

                    <androidx.appcompat.widget.AppCompatImageView
                        android:layout_width="@dimen/divider_56px"
                        android:layout_height="@dimen/divider_56px"
                        android:layout_marginTop="@dimen/divider_24px"
                        android:scaleType="centerInside"
                        android:src="@mipmap/icon_help" />

                    <androidx.appcompat.widget.AppCompatTextView
                        android:layout_width="@dimen/divider_122px"
                        android:layout_height="@dimen/divider_42px"
                        android:layout_marginTop="@dimen/divider_15px"
                        android:background="@mipmap/icon_home_text"
                        android:gravity="center"
                        android:lineHeight="@dimen/divider_33px"
                        android:text="@string/help"
                        android:textColor="@android:color/white"
                        android:textSize="@dimen/divider_24px"
                        android:textStyle="bold" />
                </LinearLayout>

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

                    <androidx.appcompat.widget.AppCompatImageView
                        android:id="@+id/notifyImage"
                        android:layout_width="@dimen/divider_68px"
                        android:layout_height="@dimen/divider_52px"
                        android:layout_marginTop="@dimen/divider_30px"
                        android:scaleType="centerInside"
                        android:src="@mipmap/icon_notify"
                        android:textColor="@android:color/white"
                        android:textSize="@dimen/divider_24px"
                        android:textStyle="bold"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintStart_toStartOf="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_constraintEnd_toEndOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toTopOf="parent" />

                    <androidx.appcompat.widget.AppCompatTextView
                        android:layout_width="@dimen/divider_122px"
                        android:layout_height="@dimen/divider_42px"
                        android:layout_marginTop="@dimen/divider_21px"
                        android:background="@mipmap/icon_home_text"
                        android:gravity="center"
                        android:lineHeight="@dimen/divider_33px"
                        android:text="@string/notify"
                        android:textColor="@android:color/white"
                        android:textSize="@dimen/divider_24px"
                        android:textStyle="bold"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintStart_toStartOf="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_constraintEnd_toEndOf="parent"
                    app:layout_constraintStart_toEndOf="@+id/layoutNotify"
                    tools:ignore="MissingConstraints">

                    <androidx.appcompat.widget.AppCompatImageView
                        android:layout_width="@dimen/divider_63px"
                        android:layout_height="@dimen/divider_64px"
                        android:layout_marginTop="@dimen/divider_16px"
                        android:scaleType="centerInside"
                        android:src="@mipmap/icon_service_package" />

                    <androidx.appcompat.widget.AppCompatTextView
                        android:layout_width="@dimen/divider_122px"
                        android:layout_height="@dimen/divider_42px"
                        android:layout_marginTop="@dimen/divider_22px"
                        android:background="@mipmap/icon_home_text"
                        android:gravity="center"
                        android:lineHeight="@dimen/divider_33px"
                        android:text="@string/service_package"
                        android:textColor="@android:color/white"
                        android:textSize="@dimen/divider_24px"
                        android:textStyle="bold" />
                </LinearLayout>
            </androidx.constraintlayout.widget.ConstraintLayout>

        </androidx.constraintlayout.widget.ConstraintLayout>

        <FrameLayout
            android:id="@+id/leftLayout"
            android:layout_width="@dimen/divider_516px"
            android:layout_height="0dp"
            android:layout_marginStart="@dimen/divider_46px"
            android:layout_marginTop="@dimen/divider_40px"
            android:layout_marginBottom="@dimen/divider_60px"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toStartOf="@id/rightLayout"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/titleLayout">

            <FrameLayout
                android:id="@+id/allLeftLayout"
                android:layout_width="match_parent"
                android:layout_height="match_parent">

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

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

                    <Button
                        android:id="@+id/btnNextPage"
                        android:layout_width="@dimen/divider_315px"
                        android:layout_height="@dimen/divider_68px"
                        android:layout_marginBottom="@dimen/divider_52px"
                        android:background="@drawable/bg_home_game_btn"
                        android:text="@string/next_page"
                        android:textColor="@android:color/white"
                        android:textSize="@dimen/divider_28px" />

                </LinearLayout>

                <FrameLayout
                    android:id="@+id/interstellarLayout"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:background="@mipmap/icon_interstellar"
                    android:visibility="gone">

                    <ImageView
                        android:id="@+id/leftDoorImage"
                        android:layout_width="@dimen/divider_238px"
                        android:layout_height="@dimen/divider_544px"
                        android:layout_gravity="start"
                        android:layout_marginStart="@dimen/divider_33px"
                        android:layout_marginTop="@dimen/divider_29px"
                        android:scaleType="fitXY"
                        android:src="@mipmap/icon_left_door" />

                    <ImageView
                        android:id="@+id/rightDoorImage"
                        android:layout_width="@dimen/divider_235px"
                        android:layout_height="@dimen/divider_544px"
                        android:layout_gravity="end"
                        android:layout_marginTop="@dimen/divider_29px"
                        android:layout_marginEnd="@dimen/divider_32px"
                        android:scaleType="fitXY"
                        android:src="@mipmap/icon_right_door" />
                </FrameLayout>

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

                    <androidx.appcompat.widget.AppCompatImageView
                        android:id="@+id/fishImage"
                        android:layout_width="@dimen/divider_220px"
                        android:layout_height="@dimen/divider_234px"
                        android:layout_gravity="center_horizontal"
                        android:layout_marginTop="@dimen/divider_54px"
                        android:scaleType="centerInside" />

                    <androidx.appcompat.widget.AppCompatTextView
                        android:layout_width="match_parent"
                        android:layout_height="0dp"
                        android:layout_marginStart="@dimen/divider_43px"
                        android:layout_marginTop="@dimen/divider_28px"
                        android:layout_marginEnd="@dimen/divider_49px"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="@string/start_training_info"
                        android:textColor="@android:color/white"
                        android:textSize="@dimen/divider_24px" />

                    <androidx.appcompat.widget.AppCompatButton
                        android:id="@+id/opneBtn"
                        android:layout_width="@dimen/divider_315px"
                        android:layout_height="@dimen/divider_88px"
                        android:layout_gravity="center_horizontal"
                        android:layout_marginBottom="@dimen/divider_29px"
                        android:background="@mipmap/icon_rectangle_button"
                        android:gravity="center"
                        android:text="@string/start_training"
                        android:textColor="@android:color/white"
                        android:textSize="@dimen/divider_28px"
                        android:textStyle="bold" />

                </LinearLayout>

            </FrameLayout>

            <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_constraintEnd_toEndOf="parent"
                        app:layout_constraintStart_toStartOf="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_constraintEnd_toEndOf="parent"
                        app:layout_constraintStart_toStartOf="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>
        </FrameLayout>

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/rightLayout"
            android:layout_width="@dimen/divider_561px"
            android:layout_height="0dp"
            android:layout_marginTop="@dimen/divider_40px"
            android:layout_marginEnd="@dimen/divider_25px"
            android:layout_marginBottom="@dimen/divider_60px"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toEndOf="@id/leftLayout"
            app:layout_constraintTop_toBottomOf="@+id/titleLayout">

            <androidx.constraintlayout.widget.ConstraintLayout
                android:id="@+id/tvPlayPorpoise"
                style="@style/home_right_tools_layout"
                android:background="@mipmap/icon_enjoy"
                app:layout_constraintEnd_toStartOf="@id/tvProfessionalEvaluation"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent">

                <androidx.appcompat.widget.AppCompatTextView
                    style="@style/home_right_tools_text"
                    android:layout_marginTop="@dimen/divider_132px"
                    android:text="@string/play_with_blue_porpoise"
                    tools:ignore="MissingConstraints" />

            </androidx.constraintlayout.widget.ConstraintLayout>

            <androidx.constraintlayout.widget.ConstraintLayout
                android:id="@+id/tvProfessionalEvaluation"
                style="@style/home_right_tools_layout"
                android:background="@mipmap/icon_evaluation"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toEndOf="@id/tvPlayPorpoise"
                app:layout_constraintTop_toTopOf="parent">

                <androidx.appcompat.widget.AppCompatTextView
                    style="@style/home_right_tools_text"
                    android:layout_marginTop="@dimen/divider_133px"
                    android:text="@string/professional_evaluation"
                    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_20px"
                android:background="@mipmap/icon_news_information"
                app:layout_constraintEnd_toStartOf="@id/tvfunTime"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/tvPlayPorpoise">

                <androidx.appcompat.widget.AppCompatTextView
                    style="@style/home_right_tools_text"
                    android:layout_marginTop="@dimen/divider_133px"
                    android:text="@string/health_counseling"
                    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_20px"
                android:background="@mipmap/icon_fun_time"
                android:gravity="center"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toEndOf="@id/tvHealthCounseling"
                app:layout_constraintTop_toBottomOf="@+id/tvPlayPorpoise">

                <androidx.appcompat.widget.AppCompatTextView
                    style="@style/home_right_tools_text"
                    android:layout_marginTop="@dimen/divider_135px"
                    android:text="@string/rehabilitation_classroom"
                    tools:ignore="MissingConstraints" />

            </androidx.constraintlayout.widget.ConstraintLayout>

            <androidx.constraintlayout.widget.ConstraintLayout
                android:layout_width="@dimen/divider_561px"
                android:layout_height="@dimen/divider_150px"
                android:layout_marginTop="@dimen/divider_23px"
                android:background="@mipmap/bg_data_content"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="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_constraintEnd_toStartOf="@id/accumulatedTrainingDurationLayout"
                    app:layout_constraintHorizontal_weight="1"
                    app:layout_constraintStart_toStartOf="parent"
                    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" />

                    <com.yingyangfly.home.widget.NumberAnimTextView
                        android:id="@+id/tvBrainPowerValue"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="@dimen/divider_7px"
                        android:lineHeight="@dimen/divider_48px"
                        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="match_parent"
                    android:gravity="center"
                    android:orientation="vertical"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintEnd_toStartOf="@id/checkLayout"
                    app:layout_constraintHorizontal_weight="1"
                    app:layout_constraintStart_toEndOf="@id/brainPowerValueLayout"
                    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_14px"
                        android:lineHeight="@dimen/divider_45px"
                        android:text="@{data.trainTime}"
                        android:textColor="@android:color/white"
                        android:textSize="@dimen/divider_32px"
                        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_constraintEnd_toEndOf="parent"
                    app:layout_constraintHorizontal_weight="1"
                    app:layout_constraintStart_toEndOf="@id/accumulatedTrainingDurationLayout"
                    app:layout_constraintTop_toTopOf="parent">

                    <Button
                        android:id="@+id/btnCheck"
                        android:layout_width="@dimen/divider_148px"
                        android:layout_height="@dimen/divider_58px"
                        android:layout_marginEnd="@dimen/divider_26px"
                        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>
</layout>