Browse Source

1.修改直播页面UI

王鹏鹏 2 years ago
parent
commit
acd6408347
1 changed files with 420 additions and 431 deletions
  1. 420 431
      home/src/main/res/layout/activity_home.xml

+ 420 - 431
home/src/main/res/layout/activity_home.xml

@@ -17,504 +17,493 @@
             type="com.yingyangfly.home.entity.MyTaskBean" />
     </data>
 
-    <FrameLayout
+
+    <androidx.constraintlayout.widget.ConstraintLayout
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:background="@drawable/bg_train">
 
         <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/titleLayout"
             android:layout_width="match_parent"
-            android:layout_height="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/titleLayout"
-                android:layout_width="match_parent"
+                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_toRightOf="parent"
+                app:layout_constraintRight_toLeftOf="@id/functionLayout"
                 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"
+                <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_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>
+                    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.cardview.widget.CardView
-                android:id="@+id/leftLayout"
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:id="@+id/functionLayout"
                 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">
+                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/gameLayout"
-                    android:layout_width="match_parent"
-                    android:layout_height="match_parent"
+                    android:id="@+id/layoutLiveBroadcast"
+                    style="@style/workbenches_operate_btn"
                     android:layout_gravity="center_horizontal"
-                    android:background="@mipmap/icon_occupy_bitmap"
                     android:gravity="center_horizontal"
-                    android:orientation="vertical">
+                    app:layout_constraintLeft_toLeftOf="parent"
+                    app:layout_constraintRight_toLeftOf="@+id/layoutHelp"
+                    tools:ignore="MissingConstraints">
 
-                    <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" />
+                    <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" />
 
-                    <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" />
+                    <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/taskLayout"
-                    android:layout_width="match_parent"
-                    android:layout_height="match_parent"
-                    android:layout_gravity="center_horizontal"
-                    android:background="@mipmap/icon_occupy_bitmap"
+                    android:id="@+id/layoutHelp"
+                    style="@style/workbenches_operate_btn"
                     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>
+                    app:layout_constraintLeft_toRightOf="@+id/layoutLiveBroadcast"
+                    app:layout_constraintRight_toLeftOf="@+id/layoutNotify"
+                    tools:ignore="MissingConstraints">
 
-                    <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" />
+                    <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.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">
+                    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/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: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" />
 
-                    <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" />
+                    <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>
 
-                <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"
+                <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"
-                    app:layout_constraintTop_toTopOf="parent">
+                    tools:ignore="MissingConstraints">
 
                     <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" />
+                        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/home_right_tools_text"
-                        android:text="@string/professional_evaluation"
-                        app:layout_constraintTop_toBottomOf="@+id/evaluationImage"
-                        tools:ignore="MissingConstraints" />
+                        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.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:id="@+id/tvHealthCounseling"
-                    style="@style/home_right_tools_layout"
-                    android:layout_marginTop="@dimen/divider_28px"
-                    android:background="@drawable/bg_health_counseling"
+                    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_toLeftOf="@id/tvfunTime"
-                    app:layout_constraintTop_toBottomOf="@+id/tvPlayPorpoise">
+                    app:layout_constraintRight_toRightOf="parent"
+                    app:layout_constraintTop_toTopOf="parent" />
 
-                    <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/play_with_blue_porpoise"
+                    app:layout_constraintTop_toBottomOf="@+id/enjoyImage"
+                    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>
+            <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.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"
+                <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"
-                    app:layout_constraintLeft_toRightOf="@id/tvHealthCounseling"
-                    app:layout_constraintRight_toRightOf="parent"
-                    app:layout_constraintTop_toBottomOf="@+id/tvPlayPorpoise">
+                    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.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
+                        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
-                        style="@style/home_right_tools_text"
-                        android:text="@string/fun_time"
-                        app:layout_constraintTop_toBottomOf="@+id/funTimeImage"
-                        tools:ignore="MissingConstraints" />
+                        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" />
 
-                </androidx.constraintlayout.widget.ConstraintLayout>
+                </LinearLayout>
 
-                <androidx.constraintlayout.widget.ConstraintLayout
-                    android:layout_width="@dimen/divider_561px"
+                <LinearLayout
+                    android:id="@+id/accumulatedTrainingDurationLayout"
+                    android:layout_width="0dp"
                     android:layout_height="@dimen/divider_173px"
-                    android:layout_marginTop="@dimen/divider_28px"
-                    android:background="@drawable/bg_data_content"
+                    android:gravity="center"
+                    android:orientation="vertical"
                     app:layout_constraintBottom_toBottomOf="parent"
-                    app:layout_constraintLeft_toLeftOf="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_toBottomOf="@+id/tvHealthCounseling">
+                    app:layout_constraintTop_toTopOf="parent">
 
-                    <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>
+                    <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.appcompat.widget.AppCompatImageView
-            android:id="@+id/fishImage"
-            android:layout_width="@dimen/divider_180px"
-            android:layout_height="@dimen/divider_289px"
-            android:layout_gravity="bottom|left"
-            android:visibility="gone" />
-    </FrameLayout>
+    </androidx.constraintlayout.widget.ConstraintLayout>
 </layout>