优化两个端首页-我的页面滚动交互样式

student/src/main/java/com/cooleshow/student/ui/main/MineFragment.java

@@ -1,6 +1,8 @@
 package com.cooleshow.student.ui.main;
 
 import android.Manifest;
+import android.graphics.Color;
+import android.os.Build;
 import android.text.TextUtils;
 import android.view.View;
 
@@ -249,6 +251,14 @@ public class MineFragment extends BaseMVPFragment<FragmentMineLayoutBinding, Min
         mViewBinding.viewVipInfoBg.setOnClickListener(this);
         mViewBinding.viewFreeCardInfoBg.setOnClickListener(this);
         rv_mark = mViewBinding.rvMark;
+    }
+
+    @Override
+    protected void initData() {
+        initListener();
+    }
+
+    private void initListener() {
         mViewBinding.ivAvatar.setOnClickListener(this);
         mViewBinding.ivSetting.setOnClickListener(this);
         mViewBinding.llMineScore.setOnClickListener(this);
@@ -276,10 +286,25 @@ public class MineFragment extends BaseMVPFragment<FragmentMineLayoutBinding, Min
         mViewBinding.tvFeedback.setOnClickListener(this);
         mViewBinding.tvContactUs.setOnClickListener(this);
         mViewBinding.tvCustomer.setOnClickListener(this);
+
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
+            mViewBinding.scrollView.setOnScrollChangeListener(new View.OnScrollChangeListener() {
+                @Override
+                public void onScrollChange(View v, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {
+                    if (scrollY != 0) {
+                        changeTopBg(true);
+                    } else {
+                        changeTopBg(false);
+                    }
+                }
+            });
+        }
     }
 
-    @Override
-    protected void initData() {
+    private void changeTopBg(boolean isWhite) {
+        if (mViewBinding != null) {
+            mViewBinding.csTopHeader.setBackgroundColor(isWhite ? Color.WHITE : Color.TRANSPARENT);
+        }
     }
 
     @Override

student/src/main/res/layout/fragment_mine_layout.xml

@@ -1,24 +1,24 @@
 <?xml version="1.0" encoding="utf-8"?>
-<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:background="@color/color_f7f8f9"
-    android:overScrollMode="never"
-    android:scrollbars="none">
+    android:orientation="vertical">
+
+    <ImageView
+        android:layout_width="match_parent"
+        android:layout_height="@dimen/dp_210"
+        android:background="@drawable/icon_mine_top_bg"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
 
     <androidx.constraintlayout.widget.ConstraintLayout
+        android:id="@+id/cs_top_header"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:paddingBottom="15dp">
-
-        <View
-            android:layout_width="match_parent"
-            android:layout_height="@dimen/dp_210"
-            android:background="@drawable/icon_mine_top_bg"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintTop_toTopOf="parent" />
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
 
         <View
             android:id="@+id/view_status_bar"
@@ -86,668 +86,684 @@
             app:layout_constraintBottom_toBottomOf="@+id/tv_mine_title"
             app:layout_constraintRight_toRightOf="parent"
             app:layout_constraintTop_toTopOf="@+id/tv_mine_title" />
+    </androidx.constraintlayout.widget.ConstraintLayout>
 
-        <de.hdodenhof.circleimageview.CircleImageView
-            android:id="@+id/iv_avatar"
-            android:layout_width="@dimen/dp_61"
-            android:layout_height="@dimen/dp_61"
-            android:layout_marginTop="@dimen/dp_18"
-            android:layout_marginEnd="28dp"
-            android:src="@drawable/icon_student_default_head"
-            app:civ_border_color="@color/white"
-            app:civ_border_width="2dp"
-            app:layout_constraintRight_toRightOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/tv_mine_title" />
-
-        <View
-            android:id="@+id/vip_help_view"
-            android:layout_width="1px"
-            android:layout_height="1px"
-            app:layout_constraintBottom_toBottomOf="@+id/iv_avatar"
-            app:layout_constraintLeft_toLeftOf="@+id/iv_avatar"
-            app:layout_constraintRight_toRightOf="@+id/iv_avatar" />
+    <ScrollView
+        android:id="@+id/scrollView"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:overScrollMode="never"
+        android:scrollbars="none"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/cs_top_header">
 
-        <ImageView
-            android:id="@+id/iv_vip"
-            android:layout_width="37dp"
-            android:layout_height="18dp"
-            android:layout_marginBottom="5dp"
-            app:layout_constraintBottom_toBottomOf="@+id/vip_help_view"
-            app:layout_constraintLeft_toLeftOf="@+id/iv_avatar"
-            app:layout_constraintRight_toRightOf="@+id/iv_avatar"
-            app:layout_constraintTop_toTopOf="@+id/vip_help_view" />
 
-        <TextView
-            android:id="@+id/tv_nickname"
-            android:layout_width="wrap_content"
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:layout_marginLeft="28dp"
-            android:layout_marginTop="12dp"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_20"
-            android:textStyle="bold"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintTop_toTopOf="@+id/iv_avatar"
-            tools:text="有把40米大刀" />
+            android:paddingBottom="15dp">
+
+            <de.hdodenhof.circleimageview.CircleImageView
+                android:id="@+id/iv_avatar"
+                android:layout_width="@dimen/dp_61"
+                android:layout_height="@dimen/dp_61"
+                android:layout_marginTop="@dimen/dp_10"
+                android:layout_marginEnd="28dp"
+                android:src="@drawable/icon_student_default_head"
+                app:civ_border_color="@color/white"
+                app:civ_border_width="2dp"
+                app:layout_constraintRight_toRightOf="parent"
+                app:layout_constraintTop_toTopOf="parent" />
 
-        <androidx.recyclerview.widget.RecyclerView
-            android:id="@+id/rv_mark"
-            android:layout_width="wrap_content"
-            android:layout_height="20dp"
-            android:layout_marginLeft="@dimen/dp_11"
-            app:layout_constraintBottom_toBottomOf="@+id/ll_user_id"
-            app:layout_constraintLeft_toRightOf="@+id/ll_user_id"
-            app:layout_constraintTop_toTopOf="@+id/ll_user_id" />
-
-        <LinearLayout
-            android:id="@+id/ll_user_id"
-            android:layout_width="wrap_content"
-            android:layout_height="@dimen/dp_20"
-            android:layout_marginTop="8dp"
-            android:background="@drawable/bg_white_10dp"
-            android:orientation="horizontal"
-            android:paddingStart="7dp"
-            android:paddingEnd="7dp"
-            app:layout_constraintBottom_toBottomOf="@+id/iv_avatar"
-            app:layout_constraintLeft_toLeftOf="@+id/tv_nickname"
-            app:layout_constraintTop_toBottomOf="@+id/tv_nickname">
+            <View
+                android:id="@+id/vip_help_view"
+                android:layout_width="1px"
+                android:layout_height="1px"
+                app:layout_constraintBottom_toBottomOf="@+id/iv_avatar"
+                app:layout_constraintLeft_toLeftOf="@+id/iv_avatar"
+                app:layout_constraintRight_toRightOf="@+id/iv_avatar" />
 
             <ImageView
-                android:layout_width="@dimen/dp_13"
-                android:layout_height="@dimen/dp_12"
-                android:layout_gravity="center_vertical"
-                android:src="@drawable/icon_mine_id_star" />
+                android:id="@+id/iv_vip"
+                android:layout_width="37dp"
+                android:layout_height="18dp"
+                android:layout_marginBottom="5dp"
+                app:layout_constraintBottom_toBottomOf="@+id/vip_help_view"
+                app:layout_constraintLeft_toLeftOf="@+id/iv_avatar"
+                app:layout_constraintRight_toRightOf="@+id/iv_avatar"
+                app:layout_constraintTop_toTopOf="@+id/vip_help_view" />
 
             <TextView
-                android:id="@+id/tv_card_id"
+                android:id="@+id/tv_nickname"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:layout_gravity="center_vertical"
-                android:layout_marginLeft="6dp"
-                android:text="学号：1736453860"
-                android:textColorHint="@color/color_6a6a6a"
-                android:textSize="@dimen/sp_11" />
-        </LinearLayout>
-
-
-        <View
-            android:id="@+id/view_vip_info_bg"
-            android:layout_width="0dp"
-            android:layout_height="72dp"
-            android:layout_marginStart="14dp"
-            android:layout_marginTop="20dp"
-            android:background="@drawable/shape_mine_vip_info_bg"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintRight_toLeftOf="@+id/view_free_card_info_bg"
-            app:layout_constraintTop_toBottomOf="@+id/ll_user_id" />
-
-        <View
-            android:id="@+id/view_free_card_info_bg"
-            android:layout_width="0dp"
-            android:layout_height="72dp"
-            android:layout_marginStart="11dp"
-            android:layout_marginEnd="14dp"
-            android:background="@drawable/shape_mine_free_card_bg"
-            app:layout_constraintLeft_toRightOf="@+id/view_vip_info_bg"
-            app:layout_constraintRight_toRightOf="parent"
-            app:layout_constraintTop_toTopOf="@+id/view_vip_info_bg" />
-
-        <ImageView
-            android:id="@+id/iv_vip_tag_bg"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginEnd="3dp"
-            android:src="@drawable/bg_mine_vip_info_tag"
-            app:layout_constraintBottom_toBottomOf="@+id/view_vip_info_bg"
-            app:layout_constraintRight_toRightOf="@+id/view_vip_info_bg"
-            app:layout_constraintTop_toTopOf="@+id/view_vip_info_bg" />
-
-        <TextView
-            android:id="@+id/tv_vip_title"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:drawableEnd="@drawable/icon_mine_vip_tip_arrow"
-            android:drawablePadding="2dp"
-            android:paddingStart="10dp"
-            android:text="开通会员"
-            android:textColor="@color/color_622200"
-            android:textSize="@dimen/sp_14"
-            android:textStyle="bold"
-            app:layout_constraintBottom_toTopOf="@+id/tv_vip_tip"
-            app:layout_constraintLeft_toLeftOf="@+id/view_vip_info_bg"
-            app:layout_constraintTop_toTopOf="@+id/view_vip_info_bg"
-            app:layout_constraintVertical_chainStyle="packed" />
-
-
-        <TextView
-            android:id="@+id/tv_vip_tip"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="5dp"
-            android:ellipsize="end"
-            android:maxLines="1"
-            android:paddingStart="10dp"
-            android:paddingEnd="10dp"
-            android:textColor="@color/color_cc622200"
-            android:textSize="@dimen/sp_12"
-            app:layout_constraintBottom_toBottomOf="@+id/view_vip_info_bg"
-            app:layout_constraintLeft_toLeftOf="@+id/view_vip_info_bg"
-            app:layout_constraintRight_toRightOf="@+id/view_vip_info_bg"
-            app:layout_constraintTop_toBottomOf="@+id/tv_vip_title"
-            tools:text="双十二特惠，多重好礼！" />
-
-
-
-        <ImageView
-            android:id="@+id/iv_free_card_tag_bg"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginEnd="3dp"
-            android:src="@drawable/bg_mine_free_card_info_tag"
-            app:layout_constraintBottom_toBottomOf="@+id/view_free_card_info_bg"
-            app:layout_constraintRight_toRightOf="@+id/view_free_card_info_bg"
-            app:layout_constraintTop_toTopOf="@+id/view_free_card_info_bg" />
-
-        <TextView
-            android:id="@+id/tv_free_card_title"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:drawableEnd="@drawable/icon_mine_free_card_tip_arrow"
-            android:drawablePadding="2dp"
-            android:paddingStart="10dp"
-            android:text="开通畅学卡"
-            android:textColor="@color/color_006eb0"
-            android:textSize="@dimen/sp_14"
-            android:textStyle="bold"
-            app:layout_constraintBottom_toTopOf="@+id/tv_free_card_tip"
-            app:layout_constraintLeft_toLeftOf="@+id/view_free_card_info_bg"
-            app:layout_constraintTop_toTopOf="@+id/view_free_card_info_bg"
-            app:layout_constraintVertical_chainStyle="packed" />
-
+                android:layout_marginLeft="28dp"
+                android:layout_marginTop="12dp"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_20"
+                android:textStyle="bold"
+                app:layout_constraintLeft_toLeftOf="parent"
+                app:layout_constraintTop_toTopOf="@+id/iv_avatar"
+                tools:text="有把40米大刀" />
 
-        <TextView
-            android:id="@+id/tv_free_card_tip"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="5dp"
-            android:ellipsize="end"
-            android:maxLines="1"
-            android:paddingStart="10dp"
-            android:paddingEnd="10dp"
-            android:textColor="@color/color_cc005ba2"
-            android:textSize="@dimen/sp_12"
-            app:layout_constraintBottom_toBottomOf="@+id/view_free_card_info_bg"
-            app:layout_constraintLeft_toLeftOf="@+id/view_free_card_info_bg"
-            app:layout_constraintRight_toRightOf="@+id/view_free_card_info_bg"
-            app:layout_constraintTop_toBottomOf="@+id/tv_free_card_title"
-            tools:text="约课低至75折！" />
-
-        <LinearLayout
-            android:id="@+id/ll_number"
-            android:layout_width="match_parent"
-            android:layout_height="@dimen/dp_80"
-            android:layout_marginLeft="@dimen/dp_12"
-            android:layout_marginTop="@dimen/dp_12"
-            android:layout_marginRight="@dimen/dp_12"
-            android:background="@drawable/bg_white_10dp"
-            android:orientation="horizontal"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/view_vip_info_bg">
+            <androidx.recyclerview.widget.RecyclerView
+                android:id="@+id/rv_mark"
+                android:layout_width="wrap_content"
+                android:layout_height="20dp"
+                android:layout_marginLeft="@dimen/dp_11"
+                app:layout_constraintBottom_toBottomOf="@+id/ll_user_id"
+                app:layout_constraintLeft_toRightOf="@+id/ll_user_id"
+                app:layout_constraintTop_toTopOf="@+id/ll_user_id" />
 
             <LinearLayout
-                android:id="@+id/ll_finished_class"
-                android:layout_width="0dp"
-                android:layout_height="match_parent"
-                android:layout_weight="1"
-                android:gravity="center"
-                android:orientation="vertical">
-
-                <TextView
-                    android:id="@+id/tv_finished_class"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:textColor="@color/color_333333"
-                    android:textSize="@dimen/sp_16"
-                    tools:text="24" />
+                android:id="@+id/ll_user_id"
+                android:layout_width="wrap_content"
+                android:layout_height="@dimen/dp_20"
+                android:layout_marginTop="8dp"
+                android:background="@drawable/bg_white_10dp"
+                android:orientation="horizontal"
+                android:paddingStart="7dp"
+                android:paddingEnd="7dp"
+                app:layout_constraintBottom_toBottomOf="@+id/iv_avatar"
+                app:layout_constraintLeft_toLeftOf="@+id/tv_nickname"
+                app:layout_constraintTop_toBottomOf="@+id/tv_nickname">
+
+                <ImageView
+                    android:layout_width="@dimen/dp_13"
+                    android:layout_height="@dimen/dp_12"
+                    android:layout_gravity="center_vertical"
+                    android:src="@drawable/icon_mine_id_star" />
 
                 <TextView
+                    android:id="@+id/tv_card_id"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
-                    android:layout_marginTop="8dp"
-                    android:text="已完成课时"
-                    android:textColor="@color/color_999999"
-                    android:textSize="@dimen/sp_12" />
+                    android:layout_gravity="center_vertical"
+                    android:layout_marginLeft="6dp"
+                    android:text="学号：1736453860"
+                    android:textColorHint="@color/color_6a6a6a"
+                    android:textSize="@dimen/sp_11" />
             </LinearLayout>
 
+
             <View
-                android:layout_width="1dp"
-                android:layout_height="@dimen/dp_16"
-                android:layout_gravity="center_vertical"
-                android:background="@color/color_ebebeb" />
+                android:id="@+id/view_vip_info_bg"
+                android:layout_width="0dp"
+                android:layout_height="72dp"
+                android:layout_marginStart="14dp"
+                android:layout_marginTop="20dp"
+                android:background="@drawable/shape_mine_vip_info_bg"
+                app:layout_constraintLeft_toLeftOf="parent"
+                app:layout_constraintRight_toLeftOf="@+id/view_free_card_info_bg"
+                app:layout_constraintTop_toBottomOf="@+id/ll_user_id" />
 
-            <LinearLayout
-                android:id="@+id/ll_residue_class"
+            <View
+                android:id="@+id/view_free_card_info_bg"
                 android:layout_width="0dp"
-                android:layout_height="match_parent"
-                android:layout_weight="1"
-                android:gravity="center"
-                android:orientation="vertical">
+                android:layout_height="72dp"
+                android:layout_marginStart="11dp"
+                android:layout_marginEnd="14dp"
+                android:background="@drawable/shape_mine_free_card_bg"
+                app:layout_constraintLeft_toRightOf="@+id/view_vip_info_bg"
+                app:layout_constraintRight_toRightOf="parent"
+                app:layout_constraintTop_toTopOf="@+id/view_vip_info_bg" />
 
-                <TextView
-                    android:id="@+id/tv_residue_class"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:textColor="@color/color_333333"
-                    android:textSize="@dimen/sp_16"
-                    tools:text="24" />
+            <ImageView
+                android:id="@+id/iv_vip_tag_bg"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginEnd="3dp"
+                android:src="@drawable/bg_mine_vip_info_tag"
+                app:layout_constraintBottom_toBottomOf="@+id/view_vip_info_bg"
+                app:layout_constraintRight_toRightOf="@+id/view_vip_info_bg"
+                app:layout_constraintTop_toTopOf="@+id/view_vip_info_bg" />
 
-                <TextView
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_marginTop="8dp"
-                    android:text="剩余课时"
-                    android:textColor="@color/color_999999"
-                    android:textSize="@dimen/sp_12" />
-            </LinearLayout>
+            <TextView
+                android:id="@+id/tv_vip_title"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:drawableEnd="@drawable/icon_mine_vip_tip_arrow"
+                android:drawablePadding="2dp"
+                android:paddingStart="10dp"
+                android:text="开通会员"
+                android:textColor="@color/color_622200"
+                android:textSize="@dimen/sp_14"
+                android:textStyle="bold"
+                app:layout_constraintBottom_toTopOf="@+id/tv_vip_tip"
+                app:layout_constraintLeft_toLeftOf="@+id/view_vip_info_bg"
+                app:layout_constraintTop_toTopOf="@+id/view_vip_info_bg"
+                app:layout_constraintVertical_chainStyle="packed" />
 
-            <View
-                android:layout_width="1dp"
-                android:layout_height="@dimen/dp_16"
-                android:layout_gravity="center_vertical"
-                android:background="@color/color_ebebeb" />
 
-            <LinearLayout
-                android:id="@+id/ll_follow_teacher"
+            <TextView
+                android:id="@+id/tv_vip_tip"
                 android:layout_width="0dp"
-                android:layout_height="match_parent"
-                android:layout_weight="1"
-                android:gravity="center"
-                android:orientation="vertical">
+                android:layout_height="wrap_content"
+                android:layout_marginTop="5dp"
+                android:ellipsize="end"
+                android:maxLines="1"
+                android:paddingStart="10dp"
+                android:paddingEnd="10dp"
+                android:textColor="@color/color_cc622200"
+                android:textSize="@dimen/sp_12"
+                app:layout_constraintBottom_toBottomOf="@+id/view_vip_info_bg"
+                app:layout_constraintLeft_toLeftOf="@+id/view_vip_info_bg"
+                app:layout_constraintRight_toRightOf="@+id/view_vip_info_bg"
+                app:layout_constraintTop_toBottomOf="@+id/tv_vip_title"
+                tools:text="双十二特惠，多重好礼！" />
 
-                <TextView
-                    android:id="@+id/tv_focus_teacher"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:textColor="@color/color_333333"
-                    android:textSize="@dimen/sp_16"
-                    tools:text="24" />
 
-                <TextView
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_marginTop="8dp"
-                    android:text="关注老师"
-                    android:textColor="@color/color_999999"
-                    android:textSize="@dimen/sp_12" />
-            </LinearLayout>
-        </LinearLayout>
+            <ImageView
+                android:id="@+id/iv_free_card_tag_bg"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginEnd="3dp"
+                android:src="@drawable/bg_mine_free_card_info_tag"
+                app:layout_constraintBottom_toBottomOf="@+id/view_free_card_info_bg"
+                app:layout_constraintRight_toRightOf="@+id/view_free_card_info_bg"
+                app:layout_constraintTop_toTopOf="@+id/view_free_card_info_bg" />
 
+            <TextView
+                android:id="@+id/tv_free_card_title"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:drawableEnd="@drawable/icon_mine_free_card_tip_arrow"
+                android:drawablePadding="2dp"
+                android:paddingStart="10dp"
+                android:text="开通畅学卡"
+                android:textColor="@color/color_006eb0"
+                android:textSize="@dimen/sp_14"
+                android:textStyle="bold"
+                app:layout_constraintBottom_toTopOf="@+id/tv_free_card_tip"
+                app:layout_constraintLeft_toLeftOf="@+id/view_free_card_info_bg"
+                app:layout_constraintTop_toTopOf="@+id/view_free_card_info_bg"
+                app:layout_constraintVertical_chainStyle="packed" />
 
-        <LinearLayout
-            android:id="@+id/ll_menu"
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_marginLeft="14dp"
-            android:layout_marginTop="@dimen/dp_12"
-            android:layout_marginEnd="14dp"
-            android:background="@drawable/bg_white_10dp"
-            android:orientation="vertical"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/ll_number">
 
             <TextView
-                android:layout_width="wrap_content"
+                android:id="@+id/tv_free_card_tip"
+                android:layout_width="0dp"
                 android:layout_height="wrap_content"
-                android:layout_marginStart="14dp"
-                android:layout_marginTop="14dp"
-                android:text="学习工具"
-                android:textColor="@color/color_333333"
-                android:textSize="@dimen/sp_16"
-                android:textStyle="bold" />
+                android:layout_marginTop="5dp"
+                android:ellipsize="end"
+                android:maxLines="1"
+                android:paddingStart="10dp"
+                android:paddingEnd="10dp"
+                android:textColor="@color/color_cc005ba2"
+                android:textSize="@dimen/sp_12"
+                app:layout_constraintBottom_toBottomOf="@+id/view_free_card_info_bg"
+                app:layout_constraintLeft_toLeftOf="@+id/view_free_card_info_bg"
+                app:layout_constraintRight_toRightOf="@+id/view_free_card_info_bg"
+                app:layout_constraintTop_toBottomOf="@+id/tv_free_card_title"
+                tools:text="约课低至75折！" />
 
             <LinearLayout
+                android:id="@+id/ll_number"
                 android:layout_width="match_parent"
-                android:layout_height="@dimen/dp_93"
-                android:layout_marginTop="4dp"
-                android:orientation="horizontal">
+                android:layout_height="@dimen/dp_80"
+                android:layout_marginLeft="@dimen/dp_12"
+                android:layout_marginTop="@dimen/dp_12"
+                android:layout_marginRight="@dimen/dp_12"
+                android:background="@drawable/bg_white_10dp"
+                android:orientation="horizontal"
+                app:layout_constraintLeft_toLeftOf="parent"
+                app:layout_constraintTop_toBottomOf="@+id/view_vip_info_bg">
 
                 <LinearLayout
-                    android:id="@+id/ll_mine_course"
+                    android:id="@+id/ll_finished_class"
                     android:layout_width="0dp"
                     android:layout_height="match_parent"
                     android:layout_weight="1"
                     android:gravity="center"
                     android:orientation="vertical">
 
-                    <ImageView
-                        android:layout_width="@dimen/dp_33"
-                        android:layout_height="@dimen/dp_33"
-                        android:background="@drawable/icon_mine_course" />
-
                     <TextView
+                        android:id="@+id/tv_finished_class"
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
-                        android:layout_marginTop="9dp"
-                        android:text="我的课程"
                         android:textColor="@color/color_333333"
-                        android:textSize="@dimen/sp_11" />
-                </LinearLayout>
-
-                <LinearLayout
-                    android:id="@+id/ll_mine_homework"
-                    android:layout_width="0dp"
-                    android:layout_height="match_parent"
-                    android:layout_weight="1"
-                    android:gravity="center"
-                    android:orientation="vertical">
-
-                    <ImageView
-                        android:layout_width="@dimen/dp_33"
-                        android:layout_height="@dimen/dp_33"
-                        android:background="@drawable/icon_mine_homework" />
+                        android:textSize="@dimen/sp_16"
+                        tools:text="24" />
 
                     <TextView
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
-                        android:layout_marginTop="9dp"
-                        android:text="我的作业"
-                        android:textColor="@color/color_333333"
-                        android:textSize="@dimen/sp_11" />
+                        android:layout_marginTop="8dp"
+                        android:text="已完成课时"
+                        android:textColor="@color/color_999999"
+                        android:textSize="@dimen/sp_12" />
                 </LinearLayout>
 
+                <View
+                    android:layout_width="1dp"
+                    android:layout_height="@dimen/dp_16"
+                    android:layout_gravity="center_vertical"
+                    android:background="@color/color_ebebeb" />
+
                 <LinearLayout
-                    android:id="@+id/ll_mine_score"
+                    android:id="@+id/ll_residue_class"
                     android:layout_width="0dp"
                     android:layout_height="match_parent"
                     android:layout_weight="1"
                     android:gravity="center"
                     android:orientation="vertical">
 
-                    <ImageView
-                        android:layout_width="@dimen/dp_33"
-                        android:layout_height="@dimen/dp_33"
-                        android:background="@drawable/icon_mine_score" />
-
                     <TextView
+                        android:id="@+id/tv_residue_class"
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
-                        android:layout_marginTop="9dp"
-                        android:text="我的乐谱"
                         android:textColor="@color/color_333333"
-                        android:textSize="@dimen/sp_11" />
-                </LinearLayout>
-
-                <LinearLayout
-                    android:id="@+id/ll_meter_records"
-                    android:layout_width="0dp"
-                    android:layout_height="match_parent"
-                    android:layout_weight="1"
-                    android:gravity="center"
-                    android:orientation="vertical">
-
-                    <ImageView
-                        android:layout_width="@dimen/dp_33"
-                        android:layout_height="@dimen/dp_33"
-                        android:background="@drawable/icon_mine_meter_records" />
+                        android:textSize="@dimen/sp_16"
+                        tools:text="24" />
 
                     <TextView
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
-                        android:layout_marginTop="9dp"
-                        android:text="评测记录"
-                        android:textColor="@color/color_333333"
-                        android:textSize="@dimen/sp_11" />
+                        android:layout_marginTop="8dp"
+                        android:text="剩余课时"
+                        android:textColor="@color/color_999999"
+                        android:textSize="@dimen/sp_12" />
                 </LinearLayout>
 
+                <View
+                    android:layout_width="1dp"
+                    android:layout_height="@dimen/dp_16"
+                    android:layout_gravity="center_vertical"
+                    android:background="@color/color_ebebeb" />
+
                 <LinearLayout
-                    android:id="@+id/ll_my_works"
+                    android:id="@+id/ll_follow_teacher"
                     android:layout_width="0dp"
                     android:layout_height="match_parent"
                     android:layout_weight="1"
                     android:gravity="center"
                     android:orientation="vertical">
 
-                    <ImageView
-                        android:layout_width="@dimen/dp_33"
-                        android:layout_height="@dimen/dp_33"
-                        android:background="@drawable/icon_mine_works" />
-
                     <TextView
+                        android:id="@+id/tv_focus_teacher"
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
-                        android:layout_marginTop="9dp"
-                        android:text="我的作品"
                         android:textColor="@color/color_333333"
-                        android:textSize="@dimen/sp_11" />
-                </LinearLayout>
+                        android:textSize="@dimen/sp_16"
+                        tools:text="24" />
 
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="8dp"
+                        android:text="关注老师"
+                        android:textColor="@color/color_999999"
+                        android:textSize="@dimen/sp_12" />
+                </LinearLayout>
             </LinearLayout>
 
-        </LinearLayout>
 
+            <LinearLayout
+                android:id="@+id/ll_menu"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginLeft="14dp"
+                android:layout_marginTop="@dimen/dp_12"
+                android:layout_marginEnd="14dp"
+                android:background="@drawable/bg_white_10dp"
+                android:orientation="vertical"
+                app:layout_constraintLeft_toLeftOf="parent"
+                app:layout_constraintTop_toBottomOf="@+id/ll_number">
 
-        <View
-            android:id="@+id/view_serve_tools"
-            android:layout_width="match_parent"
-            android:layout_height="0dp"
-            android:layout_marginStart="12dp"
-            android:layout_marginTop="12dp"
-            android:layout_marginEnd="12dp"
-            android:background="@drawable/shape_10dp_white"
-            app:layout_constraintBottom_toBottomOf="@+id/tv_order_title"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/ll_menu" />
-
-        <TextView
-            android:id="@+id/tv_serve_tools_title"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginStart="14dp"
-            android:layout_marginTop="14dp"
-            android:text="服务工具"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_16"
-            android:textStyle="bold"
-            app:layout_constraintLeft_toLeftOf="@+id/view_serve_tools"
-            app:layout_constraintTop_toTopOf="@+id/view_serve_tools" />
+                <TextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginStart="14dp"
+                    android:layout_marginTop="14dp"
+                    android:text="学习工具"
+                    android:textColor="@color/color_333333"
+                    android:textSize="@dimen/sp_16"
+                    android:textStyle="bold" />
 
-        <ImageView
-            android:id="@+id/iv_order"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="14dp"
-            android:src="@drawable/icon_mine_order"
-            app:layout_constraintHorizontal_chainStyle="spread"
-            app:layout_constraintLeft_toLeftOf="@+id/view_serve_tools"
-            app:layout_constraintRight_toLeftOf="@+id/iv_trade_record"
-            app:layout_constraintTop_toBottomOf="@+id/tv_serve_tools_title"
-            app:layout_constraintVertical_weight="0.25" />
+                <LinearLayout
+                    android:layout_width="match_parent"
+                    android:layout_height="@dimen/dp_93"
+                    android:layout_marginTop="4dp"
+                    android:orientation="horizontal">
+
+                    <LinearLayout
+                        android:id="@+id/ll_mine_course"
+                        android:layout_width="0dp"
+                        android:layout_height="match_parent"
+                        android:layout_weight="1"
+                        android:gravity="center"
+                        android:orientation="vertical">
+
+                        <ImageView
+                            android:layout_width="@dimen/dp_33"
+                            android:layout_height="@dimen/dp_33"
+                            android:background="@drawable/icon_mine_course" />
+
+                        <TextView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginTop="9dp"
+                            android:text="我的课程"
+                            android:textColor="@color/color_333333"
+                            android:textSize="@dimen/sp_11" />
+                    </LinearLayout>
+
+                    <LinearLayout
+                        android:id="@+id/ll_mine_homework"
+                        android:layout_width="0dp"
+                        android:layout_height="match_parent"
+                        android:layout_weight="1"
+                        android:gravity="center"
+                        android:orientation="vertical">
+
+                        <ImageView
+                            android:layout_width="@dimen/dp_33"
+                            android:layout_height="@dimen/dp_33"
+                            android:background="@drawable/icon_mine_homework" />
+
+                        <TextView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginTop="9dp"
+                            android:text="我的作业"
+                            android:textColor="@color/color_333333"
+                            android:textSize="@dimen/sp_11" />
+                    </LinearLayout>
+
+                    <LinearLayout
+                        android:id="@+id/ll_mine_score"
+                        android:layout_width="0dp"
+                        android:layout_height="match_parent"
+                        android:layout_weight="1"
+                        android:gravity="center"
+                        android:orientation="vertical">
+
+                        <ImageView
+                            android:layout_width="@dimen/dp_33"
+                            android:layout_height="@dimen/dp_33"
+                            android:background="@drawable/icon_mine_score" />
+
+                        <TextView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginTop="9dp"
+                            android:text="我的乐谱"
+                            android:textColor="@color/color_333333"
+                            android:textSize="@dimen/sp_11" />
+                    </LinearLayout>
+
+                    <LinearLayout
+                        android:id="@+id/ll_meter_records"
+                        android:layout_width="0dp"
+                        android:layout_height="match_parent"
+                        android:layout_weight="1"
+                        android:gravity="center"
+                        android:orientation="vertical">
+
+                        <ImageView
+                            android:layout_width="@dimen/dp_33"
+                            android:layout_height="@dimen/dp_33"
+                            android:background="@drawable/icon_mine_meter_records" />
+
+                        <TextView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginTop="9dp"
+                            android:text="评测记录"
+                            android:textColor="@color/color_333333"
+                            android:textSize="@dimen/sp_11" />
+                    </LinearLayout>
+
+                    <LinearLayout
+                        android:id="@+id/ll_my_works"
+                        android:layout_width="0dp"
+                        android:layout_height="match_parent"
+                        android:layout_weight="1"
+                        android:gravity="center"
+                        android:orientation="vertical">
+
+                        <ImageView
+                            android:layout_width="@dimen/dp_33"
+                            android:layout_height="@dimen/dp_33"
+                            android:background="@drawable/icon_mine_works" />
+
+                        <TextView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginTop="9dp"
+                            android:text="我的作品"
+                            android:textColor="@color/color_333333"
+                            android:textSize="@dimen/sp_11" />
+                    </LinearLayout>
 
-        <ImageView
-            android:id="@+id/iv_trade_record"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:src="@drawable/icon_mine_trade_record"
-            app:layout_constraintLeft_toRightOf="@+id/iv_order"
-            app:layout_constraintRight_toLeftOf="@+id/iv_coupon"
-            app:layout_constraintTop_toTopOf="@+id/iv_order"
-            app:layout_constraintVertical_weight="0.25" />
+                </LinearLayout>
 
-        <ImageView
-            android:id="@+id/iv_coupon"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:src="@drawable/icon_mine_coupon"
-            app:layout_constraintLeft_toRightOf="@+id/iv_trade_record"
-            app:layout_constraintRight_toLeftOf="@+id/iv_award"
-            app:layout_constraintTop_toTopOf="@+id/iv_order"
-            app:layout_constraintVertical_weight="0.25" />
+            </LinearLayout>
 
-        <ImageView
-            android:id="@+id/iv_award"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:src="@drawable/icon_mine_award"
-            app:layout_constraintLeft_toRightOf="@+id/iv_coupon"
-            app:layout_constraintRight_toRightOf="@+id/view_serve_tools"
-            app:layout_constraintTop_toTopOf="@+id/iv_order"
-            app:layout_constraintVertical_weight="0.25" />
 
-        <TextView
-            android:id="@+id/tv_order_title"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:paddingTop="7dp"
-            android:paddingBottom="20dp"
-            android:text="商品订单"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_12"
-            app:layout_constraintLeft_toLeftOf="@+id/iv_order"
-            app:layout_constraintRight_toRightOf="@+id/iv_order"
-            app:layout_constraintTop_toBottomOf="@+id/iv_order" />
+            <View
+                android:id="@+id/view_serve_tools"
+                android:layout_width="match_parent"
+                android:layout_height="0dp"
+                android:layout_marginStart="12dp"
+                android:layout_marginTop="12dp"
+                android:layout_marginEnd="12dp"
+                android:background="@drawable/shape_10dp_white"
+                app:layout_constraintBottom_toBottomOf="@+id/tv_order_title"
+                app:layout_constraintLeft_toLeftOf="parent"
+                app:layout_constraintTop_toBottomOf="@+id/ll_menu" />
 
-        <TextView
-            android:id="@+id/tv_trade_record_title"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:paddingTop="7dp"
-            android:paddingBottom="20dp"
-            android:text="交易记录"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_12"
-            app:layout_constraintLeft_toLeftOf="@+id/iv_trade_record"
-            app:layout_constraintRight_toRightOf="@+id/iv_trade_record"
-            app:layout_constraintTop_toBottomOf="@+id/iv_trade_record" />
+            <TextView
+                android:id="@+id/tv_serve_tools_title"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="14dp"
+                android:layout_marginTop="14dp"
+                android:text="服务工具"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_16"
+                android:textStyle="bold"
+                app:layout_constraintLeft_toLeftOf="@+id/view_serve_tools"
+                app:layout_constraintTop_toTopOf="@+id/view_serve_tools" />
 
+            <ImageView
+                android:id="@+id/iv_order"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="14dp"
+                android:src="@drawable/icon_mine_order"
+                app:layout_constraintHorizontal_chainStyle="spread"
+                app:layout_constraintLeft_toLeftOf="@+id/view_serve_tools"
+                app:layout_constraintRight_toLeftOf="@+id/iv_trade_record"
+                app:layout_constraintTop_toBottomOf="@+id/tv_serve_tools_title"
+                app:layout_constraintVertical_weight="0.25" />
 
-        <TextView
-            android:id="@+id/tv_coupon_title"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:paddingTop="7dp"
-            android:paddingBottom="20dp"
-            android:text="优惠券"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_12"
-            app:layout_constraintLeft_toLeftOf="@+id/iv_coupon"
-            app:layout_constraintRight_toRightOf="@+id/iv_coupon"
-            app:layout_constraintTop_toBottomOf="@+id/iv_coupon" />
+            <ImageView
+                android:id="@+id/iv_trade_record"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:src="@drawable/icon_mine_trade_record"
+                app:layout_constraintLeft_toRightOf="@+id/iv_order"
+                app:layout_constraintRight_toLeftOf="@+id/iv_coupon"
+                app:layout_constraintTop_toTopOf="@+id/iv_order"
+                app:layout_constraintVertical_weight="0.25" />
 
-        <TextView
-            android:id="@+id/tv_award_title"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:paddingTop="7dp"
-            android:paddingBottom="20dp"
-            android:text="活动奖品"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_12"
-            app:layout_constraintLeft_toLeftOf="@+id/iv_award"
-            app:layout_constraintRight_toRightOf="@+id/iv_award"
-            app:layout_constraintTop_toBottomOf="@+id/iv_award" />
+            <ImageView
+                android:id="@+id/iv_coupon"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:src="@drawable/icon_mine_coupon"
+                app:layout_constraintLeft_toRightOf="@+id/iv_trade_record"
+                app:layout_constraintRight_toLeftOf="@+id/iv_award"
+                app:layout_constraintTop_toTopOf="@+id/iv_order"
+                app:layout_constraintVertical_weight="0.25" />
 
-        <androidx.constraintlayout.widget.ConstraintLayout
-            android:id="@+id/cs_menu"
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_marginLeft="@dimen/dp_12"
-            android:layout_marginTop="@dimen/dp_10"
-            android:layout_marginRight="@dimen/dp_12"
-            android:background="@drawable/bg_white_10dp"
-            android:paddingTop="10dp"
-            android:paddingBottom="10dp"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/view_serve_tools">
+            <ImageView
+                android:id="@+id/iv_award"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:src="@drawable/icon_mine_award"
+                app:layout_constraintLeft_toRightOf="@+id/iv_coupon"
+                app:layout_constraintRight_toRightOf="@+id/view_serve_tools"
+                app:layout_constraintTop_toTopOf="@+id/iv_order"
+                app:layout_constraintVertical_weight="0.25" />
 
+            <TextView
+                android:id="@+id/tv_order_title"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:paddingTop="7dp"
+                android:paddingBottom="20dp"
+                android:text="商品订单"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_12"
+                app:layout_constraintLeft_toLeftOf="@+id/iv_order"
+                app:layout_constraintRight_toRightOf="@+id/iv_order"
+                app:layout_constraintTop_toBottomOf="@+id/iv_order" />
 
             <TextView
-                android:id="@+id/tv_network_detection"
-                android:layout_width="match_parent"
+                android:id="@+id/tv_trade_record_title"
+                android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                style="@style/me_btn_style"
-                android:gravity="center_vertical"
-                android:text="网络检测"
-                app:layout_constraintLeft_toLeftOf="parent"
-                app:layout_constraintTop_toTopOf="parent" />
+                android:paddingTop="7dp"
+                android:paddingBottom="20dp"
+                android:text="交易记录"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_12"
+                app:layout_constraintLeft_toLeftOf="@+id/iv_trade_record"
+                app:layout_constraintRight_toRightOf="@+id/iv_trade_record"
+                app:layout_constraintTop_toBottomOf="@+id/iv_trade_record" />
+
 
+            <TextView
+                android:id="@+id/tv_coupon_title"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:paddingTop="7dp"
+                android:paddingBottom="20dp"
+                android:text="优惠券"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_12"
+                app:layout_constraintLeft_toLeftOf="@+id/iv_coupon"
+                app:layout_constraintRight_toRightOf="@+id/iv_coupon"
+                app:layout_constraintTop_toBottomOf="@+id/iv_coupon" />
 
             <TextView
-                android:id="@+id/tv_device_detection"
+                android:id="@+id/tv_award_title"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:paddingTop="7dp"
+                android:paddingBottom="20dp"
+                android:text="活动奖品"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_12"
+                app:layout_constraintLeft_toLeftOf="@+id/iv_award"
+                app:layout_constraintRight_toRightOf="@+id/iv_award"
+                app:layout_constraintTop_toBottomOf="@+id/iv_award" />
+
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:id="@+id/cs_menu"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                style="@style/me_btn_style"
-                android:gravity="center_vertical"
-                android:text="设备检测"
+                android:layout_marginLeft="@dimen/dp_12"
+                android:layout_marginTop="@dimen/dp_10"
+                android:layout_marginRight="@dimen/dp_12"
+                android:background="@drawable/bg_white_10dp"
+                android:paddingTop="10dp"
+                android:paddingBottom="10dp"
                 app:layout_constraintLeft_toLeftOf="parent"
-                app:layout_constraintTop_toBottomOf="@+id/tv_network_detection" />
+                app:layout_constraintTop_toBottomOf="@+id/view_serve_tools">
 
 
-        </androidx.constraintlayout.widget.ConstraintLayout>
+                <TextView
+                    android:id="@+id/tv_network_detection"
+                    style="@style/me_btn_style"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:gravity="center_vertical"
+                    android:text="网络检测"
+                    app:layout_constraintLeft_toLeftOf="parent"
+                    app:layout_constraintTop_toTopOf="parent" />
 
-        <androidx.constraintlayout.widget.ConstraintLayout
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_marginLeft="@dimen/dp_12"
-            android:layout_marginTop="@dimen/dp_10"
-            android:layout_marginRight="@dimen/dp_12"
-            android:background="@drawable/bg_white_10dp"
-            android:paddingTop="10dp"
-            android:paddingBottom="10dp"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/cs_menu">
 
-            <TextView
-                android:id="@+id/tv_help"
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                style="@style/me_btn_style"
-                android:gravity="center_vertical"
-                android:text="帮助中心"
-                app:layout_constraintLeft_toLeftOf="parent"
-                app:layout_constraintTop_toTopOf="parent" />
+                <TextView
+                    android:id="@+id/tv_device_detection"
+                    style="@style/me_btn_style"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:gravity="center_vertical"
+                    android:text="设备检测"
+                    app:layout_constraintLeft_toLeftOf="parent"
+                    app:layout_constraintTop_toBottomOf="@+id/tv_network_detection" />
 
 
-            <TextView
-                android:id="@+id/tv_feedback"
+            </androidx.constraintlayout.widget.ConstraintLayout>
+
+            <androidx.constraintlayout.widget.ConstraintLayout
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                style="@style/me_btn_style"
-                android:layout_marginBottom="10dp"
-                android:gravity="center_vertical"
-                android:text="意见反馈"
+                android:layout_marginLeft="@dimen/dp_12"
+                android:layout_marginTop="@dimen/dp_10"
+                android:layout_marginRight="@dimen/dp_12"
+                android:background="@drawable/bg_white_10dp"
+                android:paddingTop="10dp"
+                android:paddingBottom="10dp"
                 app:layout_constraintLeft_toLeftOf="parent"
-                app:layout_constraintTop_toBottomOf="@+id/tv_help" />
+                app:layout_constraintTop_toBottomOf="@+id/cs_menu">
 
+                <TextView
+                    android:id="@+id/tv_help"
+                    style="@style/me_btn_style"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:gravity="center_vertical"
+                    android:text="帮助中心"
+                    app:layout_constraintLeft_toLeftOf="parent"
+                    app:layout_constraintTop_toTopOf="parent" />
 
-            <TextView
-                android:id="@+id/tv_contact_us"
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                style="@style/me_btn_style"
-                android:gravity="center_vertical"
-                android:text="联系我们"
-                app:layout_constraintLeft_toLeftOf="parent"
-                app:layout_constraintTop_toBottomOf="@+id/tv_feedback" />
 
-            <TextView
-                android:id="@+id/tv_customer"
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                style="@style/me_btn_style"
-                android:gravity="center_vertical"
-                android:text="在线客服"
-                app:layout_constraintBottom_toBottomOf="parent"
-                app:layout_constraintLeft_toLeftOf="parent"
-                app:layout_constraintTop_toBottomOf="@+id/tv_contact_us" />
+                <TextView
+                    android:id="@+id/tv_feedback"
+                    style="@style/me_btn_style"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_marginBottom="10dp"
+                    android:gravity="center_vertical"
+                    android:text="意见反馈"
+                    app:layout_constraintLeft_toLeftOf="parent"
+                    app:layout_constraintTop_toBottomOf="@+id/tv_help" />
 
 
-            <androidx.constraintlayout.widget.Group
-                android:id="@+id/group_customer"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:visibility="gone"
-                app:constraint_referenced_ids="tv_customer" />
+                <TextView
+                    android:id="@+id/tv_contact_us"
+                    style="@style/me_btn_style"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:gravity="center_vertical"
+                    android:text="联系我们"
+                    app:layout_constraintLeft_toLeftOf="parent"
+                    app:layout_constraintTop_toBottomOf="@+id/tv_feedback" />
 
+                <TextView
+                    android:id="@+id/tv_customer"
+                    style="@style/me_btn_style"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:gravity="center_vertical"
+                    android:text="在线客服"
+                    app:layout_constraintBottom_toBottomOf="parent"
+                    app:layout_constraintLeft_toLeftOf="parent"
+                    app:layout_constraintTop_toBottomOf="@+id/tv_contact_us" />
+
+
+                <androidx.constraintlayout.widget.Group
+                    android:id="@+id/group_customer"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:visibility="gone"
+                    app:constraint_referenced_ids="tv_customer" />
+
+            </androidx.constraintlayout.widget.ConstraintLayout>
         </androidx.constraintlayout.widget.ConstraintLayout>
-    </androidx.constraintlayout.widget.ConstraintLayout>
-</ScrollView>
+    </ScrollView>
+</androidx.constraintlayout.widget.ConstraintLayout>

teacher/src/main/java/com/cooleshow/teacher/ui/main/MineFragment.java

@@ -1,6 +1,8 @@
 package com.cooleshow.teacher.ui.main;
 
 import android.Manifest;
+import android.graphics.Color;
+import android.os.Build;
 import android.text.TextUtils;
 import android.view.View;
 import android.widget.TextView;
@@ -52,6 +54,8 @@ public class MineFragment extends BaseMVPFragment<FragmentMineLayoutBinding, Min
     private String teacherCertStatus = TeacherInfoConstants.ENTRY_STATUS_UNPAALY;
     private MineCommonToolAdapter mMineCommonToolAdapter;
     private String customerId = "";
+    //是否有直播权限 0 否 1 是
+    private int liveFlag;
 
     @Override
     protected void initView(View rootView) {
@@ -112,10 +116,28 @@ public class MineFragment extends BaseMVPFragment<FragmentMineLayoutBinding, Min
                 }
             }
         });
+
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
+            mViewBinding.scrollView.setOnScrollChangeListener(new View.OnScrollChangeListener() {
+                @Override
+                public void onScrollChange(View v, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {
+                    if (scrollY != 0) {
+                        changeTopBg(true);
+                    } else {
+                        changeTopBg(false);
+                    }
+                }
+            });
+        }
+    }
+
+    private void changeTopBg(boolean isWhite) {
+        if (mViewBinding != null) {
+            mViewBinding.csTopHeader.setBackgroundColor(isWhite ? Color.WHITE : Color.TRANSPARENT);
+            mViewBinding.tvHeaderName.setVisibility(isWhite ? View.VISIBLE : View.GONE);
+        }
     }
 
-    //是否有直播权限 0 否 1 是
-    private int liveFlag;
 
     public void getTeacherInfoSuccess(TeacherUserInfo teacherUserInfo) {
         if (isDetached() || !isAdded()) {
@@ -129,6 +151,7 @@ public class MineFragment extends BaseMVPFragment<FragmentMineLayoutBinding, Min
         //昵称
         String teacherName = UserHelper.getTeacherName(teacherUserInfo.username, teacherUserInfo.userId);
         mViewBinding.tvNickname.setText(teacherName);
+        mViewBinding.tvHeaderName.setText(teacherName);
         //机构名称
         if (UserHelper.isTenantAccount(teacherUserInfo.getTenantId())) {
             mViewBinding.flTenantName.setVisibility(View.VISIBLE);

teacher/src/main/res/layout/fragment_mine_layout.xml

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
-<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
@@ -7,21 +7,20 @@
     android:overScrollMode="never"
     android:scrollbars="none">
 
+    <ImageView
+        android:id="@+id/iv_header_bg"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:src="@drawable/bg_mine_header"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
     <androidx.constraintlayout.widget.ConstraintLayout
+        android:id="@+id/cs_top_header"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:paddingBottom="23dp">
-
-
-        <ImageView
-            android:id="@+id/iv_header_bg"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:adjustViewBounds="true"
-            android:scaleType="fitXY"
-            android:src="@drawable/bg_mine_header"
-            app:layout_constraintRight_toRightOf="parent"
-            app:layout_constraintTop_toTopOf="parent" />
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
 
         <View
             android:id="@+id/view_status_bar"
@@ -40,860 +39,893 @@
             app:layout_constraintRight_toLeftOf="@+id/iv_setting"
             app:layout_constraintTop_toTopOf="@+id/iv_setting" />
 
+
         <ImageView
             android:id="@+id/iv_setting"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:layout_marginTop="16dp"
-            android:layout_marginEnd="12dp"
-            android:padding="6dp"
+            android:padding="10dp"
+            android:layout_marginEnd="4dp"
             android:src="@drawable/icon_setting_teacher"
             app:layout_constraintRight_toRightOf="parent"
             app:layout_constraintTop_toBottomOf="@+id/view_status_bar" />
 
-        <de.hdodenhof.circleimageview.CircleImageView
-            android:id="@+id/iv_avatar"
-            android:layout_width="60dp"
-            android:layout_height="60dp"
-            android:layout_marginStart="14dp"
-            android:layout_marginTop="48dp"
-            android:src="@drawable/icon_teacher_default_head"
-            app:civ_border_color="@color/white"
-            app:civ_border_width="2dp"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/view_status_bar" />
-
         <TextView
-            android:id="@+id/tv_nickname"
+            android:id="@+id/tv_header_name"
             android:layout_width="0dp"
+            app:layout_constraintWidth_percent="0.6"
             android:layout_height="wrap_content"
-            android:layout_marginStart="10dp"
-            app:layout_goneMarginEnd="13dp"
             android:includeFontPadding="false"
             android:textColor="@color/color_1a1a1a"
             android:textSize="@dimen/sp_18"
+            android:gravity="center"
             android:maxLines="1"
             android:ellipsize="end"
-            app:layout_constraintVertical_chainStyle="packed"
-            app:layout_constraintWidth_default="wrap"
-            app:layout_constraintHorizontal_bias="0"
-            app:layout_constraintHorizontal_chainStyle="packed"
-            app:layout_constraintBottom_toTopOf="@+id/fl_tenant_name"
-            app:layout_constraintLeft_toRightOf="@+id/iv_avatar"
-            app:layout_constraintTop_toTopOf="@+id/iv_avatar"
-            app:layout_constraintRight_toLeftOf="@+id/iv_edu_cert"
-            tools:text="测试昵称测试昵称测试昵称测试昵测试昵称测试昵称测试昵称测试昵称测试昵称测试昵称测试昵称测试昵称测试昵称测试昵称测试昵称测试昵称测试昵称测试昵称测试昵称测试昵称称" />
-
-        <FrameLayout
-            tools:visibility="visible"
-            android:visibility="gone"
-            android:id="@+id/fl_tenant_name"
-            android:layout_width="0dp"
-            android:layout_marginTop="8dp"
-            android:layout_height="wrap_content"
-            app:layout_constraintBottom_toBottomOf="@+id/iv_avatar"
-            app:layout_constraintLeft_toLeftOf="@+id/tv_nickname"
-            app:layout_constraintRight_toRightOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/tv_nickname">
-
-            <TextView
-                android:id="@+id/tv_tenant_name"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_marginEnd="14dp"
-                android:background="@drawable/shape_12ffa673_border_ffbf9a_4dp"
-                android:paddingStart="5dp"
-                android:paddingEnd="5dp"
-                android:layout_gravity="center_vertical"
-                android:gravity="center_vertical"
-                android:includeFontPadding="false"
-                android:maxLines="1"
-                android:paddingTop="1dp"
-                android:paddingBottom="1dp"
-                android:ellipsize="end"
-                android:textColor="@color/color_ff7b31"
-                android:textSize="@dimen/sp_12"
-                app:layout_constraintHorizontal_bias="0"
-                tools:text="星机构武汉市构武汉市小星星机构武汉市星机构武汉市构武汉市小星星机构武汉市星机构武汉市构武汉市小星星机构武汉市" />
-        </FrameLayout>
-
-
-        <ImageView
-            android:id="@+id/iv_edu_cert"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginStart="8dp"
-            android:src="@drawable/icon_education_cert"
-            android:visibility="gone"
-            tools:visibility="gone"
-            app:layout_constraintRight_toLeftOf="@+id/iv_teacher_cert"
-            app:layout_constraintBottom_toBottomOf="@+id/tv_nickname"
-            app:layout_constraintLeft_toRightOf="@+id/tv_nickname"
-            app:layout_constraintTop_toTopOf="@+id/tv_nickname" />
-
-        <ImageView
-            android:layout_marginEnd="21dp"
-            android:id="@+id/iv_teacher_cert"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginStart="6dp"
-            android:src="@drawable/icon_teacher_cert"
-            android:visibility="gone"
-            tools:visibility="gone"
-            app:layout_constraintRight_toRightOf="parent"
-            app:layout_constraintBottom_toBottomOf="@+id/tv_nickname"
-            app:layout_constraintLeft_toRightOf="@+id/iv_edu_cert"
-            app:layout_constraintTop_toTopOf="@+id/tv_nickname" />
-
-        <View
-            android:id="@+id/vip_help_view"
-            android:layout_width="1px"
-            android:layout_height="1px"
-            app:layout_constraintBottom_toBottomOf="@+id/iv_avatar"
-            app:layout_constraintLeft_toLeftOf="@+id/iv_avatar"
-            app:layout_constraintRight_toRightOf="@+id/iv_avatar" />
-
-        <ImageView
-            android:id="@+id/iv_vip"
-            android:layout_width="37dp"
-            android:layout_height="18dp"
-            android:layout_marginBottom="5dp"
-            android:src="@drawable/icon_vip_enable"
-            app:layout_constraintBottom_toBottomOf="@+id/vip_help_view"
-            app:layout_constraintLeft_toLeftOf="@+id/iv_avatar"
-            app:layout_constraintRight_toRightOf="@+id/iv_avatar"
-            app:layout_constraintTop_toTopOf="@+id/vip_help_view" />
-
-
-        <ImageView
-            android:id="@+id/iv_certification_status"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginEnd="10dp"
-            android:src="@drawable/icon_home_un_certification"
-            android:visibility="gone"
-            app:layout_constraintBottom_toBottomOf="@+id/iv_avatar"
-            app:layout_constraintRight_toRightOf="parent"
-            app:layout_constraintTop_toTopOf="@+id/iv_avatar"
-            tools:visibility="gone" />
-
-        <View
-            android:id="@+id/certification_tip_help_view"
-            android:layout_width="1px"
-            android:layout_height="1px"
-            android:layout_marginBottom="15dp"
-            app:layout_constraintBottom_toBottomOf="@+id/iv_certification_status"
-            app:layout_constraintLeft_toLeftOf="@+id/iv_certification_status" />
-
-        <ImageView
-            android:id="@+id/iv_un_certification_tip"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginEnd="10dp"
-            android:src="@drawable/icon_home_certification_tip"
             android:visibility="gone"
+            app:layout_constraintBottom_toBottomOf="@+id/iv_setting"
+            app:layout_constraintLeft_toLeftOf="parent"
             app:layout_constraintRight_toRightOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/certification_tip_help_view"
-            tools:visibility="gone" />
-
+            app:layout_constraintTop_toTopOf="@+id/iv_setting"
+            tools:text="测试名称" />
 
+    </androidx.constraintlayout.widget.ConstraintLayout>
 
-        <View
-            android:id="@+id/view_vip_bg"
-            android:layout_width="match_parent"
-            android:layout_height="@dimen/dp_82"
-            android:layout_marginLeft="21dp"
-            android:layout_marginTop="20dp"
-            android:layout_marginRight="21dp"
-            android:background="@drawable/icon_mine_vip_bg"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/iv_avatar"
-            app:layout_goneMarginTop="30dp" />
+    <ScrollView
+        android:id="@+id/scrollView"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:overScrollMode="never"
+        android:scrollbars="none"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/cs_top_header">
 
-        <View
-            android:id="@+id/view_other_info_bg"
+        <androidx.constraintlayout.widget.ConstraintLayout
             android:layout_width="match_parent"
-            android:layout_height="80dp"
-            android:layout_marginStart="14dp"
-            android:layout_marginTop="45dp"
-            android:layout_marginEnd="14dp"
-            android:background="@drawable/shape_8dp_white"
-            app:layout_constraintTop_toTopOf="@+id/view_vip_bg" />
-
-        <TextView
-            android:id="@+id/tv_fans_title"
-            android:layout_width="58dp"
-            android:layout_height="28dp"
-            android:layout_marginStart="29dp"
-            android:layout_marginTop="1dp"
-            android:layout_marginBottom="10dp"
-            android:gravity="center"
-            android:includeFontPadding="false"
-            android:text="粉丝"
-            android:textColor="@color/color_999999"
-            android:textSize="@dimen/sp_14"
-            app:layout_constraintBottom_toBottomOf="@+id/view_other_info_bg"
-            app:layout_constraintHorizontal_chainStyle="spread_inside"
-            app:layout_constraintLeft_toLeftOf="@+id/view_other_info_bg"
-            app:layout_constraintRight_toLeftOf="@+id/tv_course_num_completed_title" />
-
-        <View
-            android:id="@+id/view_fans"
-            android:layout_width="0dp"
-            android:layout_height="0dp"
-            app:layout_constraintBottom_toBottomOf="@+id/view_other_info_bg"
-            app:layout_constraintLeft_toLeftOf="@+id/view_other_info_bg"
-            app:layout_constraintRight_toLeftOf="@+id/view_line1"
-            app:layout_constraintTop_toTopOf="@+id/view_other_info_bg" />
-
-
-        <View
-            android:id="@+id/view_line1"
-            android:layout_width="0.5dp"
-            android:layout_height="24dp"
-            android:background="@color/color_eaeaea"
-            app:layout_constraintBottom_toBottomOf="@+id/view_other_info_bg"
-            app:layout_constraintLeft_toRightOf="@+id/tv_fans_title"
-            app:layout_constraintRight_toLeftOf="@+id/tv_course_num_completed_title"
-            app:layout_constraintTop_toTopOf="@+id/view_other_info_bg" />
-
-        <TextView
-            android:id="@+id/tv_course_num_completed_title"
-            android:layout_width="58dp"
-            android:layout_height="28dp"
-            android:layout_marginTop="1dp"
-            android:gravity="center"
-            android:includeFontPadding="false"
-            android:text="已上课时"
-            android:textColor="@color/color_999999"
-            android:textSize="@dimen/sp_14"
-            app:layout_constraintLeft_toRightOf="@+id/tv_fans_title"
-            app:layout_constraintRight_toLeftOf="@+id/tv_course_num_not_start_title"
-            app:layout_constraintTop_toTopOf="@+id/tv_fans_title" />
-
-        <View
-            android:id="@+id/view_course_num_completed"
-            android:layout_width="0dp"
-            android:layout_height="0dp"
-            app:layout_constraintBottom_toBottomOf="@+id/view_other_info_bg"
-            app:layout_constraintLeft_toRightOf="@+id/view_line1"
-            app:layout_constraintRight_toLeftOf="@+id/view_line2"
-            app:layout_constraintTop_toTopOf="@+id/view_other_info_bg" />
-
-        <View
-            android:id="@+id/view_line2"
-            android:layout_width="0.5dp"
-            android:layout_height="24dp"
-            android:background="@color/color_eaeaea"
-            app:layout_constraintBottom_toBottomOf="@+id/view_other_info_bg"
-            app:layout_constraintLeft_toRightOf="@+id/tv_course_num_completed_title"
-            app:layout_constraintRight_toLeftOf="@+id/tv_course_num_not_start_title"
-            app:layout_constraintTop_toTopOf="@+id/view_other_info_bg" />
-
-
-        <TextView
-            android:id="@+id/tv_course_num_not_start_title"
-            android:layout_width="58dp"
-            android:layout_height="28dp"
-            android:layout_marginTop="1dp"
-            android:layout_marginEnd="29dp"
-            android:gravity="center"
-            android:includeFontPadding="false"
-            android:text="未上课时"
-            android:textColor="@color/color_999999"
-            android:textSize="@dimen/sp_14"
-            app:layout_constraintLeft_toRightOf="@+id/tv_course_num_completed_title"
-            app:layout_constraintRight_toRightOf="@+id/view_other_info_bg"
-            app:layout_constraintTop_toTopOf="@+id/tv_fans_title" />
-
-        <View
-            android:id="@+id/view_course_num_not_start"
-            android:layout_width="0dp"
-            android:layout_height="0dp"
-            app:layout_constraintBottom_toBottomOf="@+id/view_other_info_bg"
-            app:layout_constraintLeft_toRightOf="@+id/view_line2"
-            app:layout_constraintRight_toRightOf="@+id/view_other_info_bg"
-            app:layout_constraintTop_toTopOf="@+id/view_other_info_bg" />
-
-
-        <TextView
-            android:id="@+id/tv_fans_num"
-            android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:layout_marginBottom="1dp"
-            android:includeFontPadding="false"
-            android:text="0"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_22"
-            android:textStyle="bold"
-            app:layout_constraintBottom_toTopOf="@+id/tv_fans_title"
-            app:layout_constraintLeft_toLeftOf="@+id/tv_fans_title"
-            app:layout_constraintRight_toRightOf="@+id/tv_fans_title"
-            tools:text="1181" />
+            android:paddingBottom="23dp">
 
-        <TextView
-            android:id="@+id/tv_course_num_completed"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:includeFontPadding="false"
-            android:text="0"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_22"
-            android:textStyle="bold"
-            app:layout_constraintLeft_toLeftOf="@+id/tv_course_num_completed_title"
-            app:layout_constraintRight_toRightOf="@+id/tv_course_num_completed_title"
-            app:layout_constraintTop_toTopOf="@+id/tv_fans_num"
-            tools:text="118" />
-
-
-        <TextView
-            android:id="@+id/tv_course_num_not_start"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:includeFontPadding="false"
-            android:text="0"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_22"
-            android:textStyle="bold"
-            app:layout_constraintLeft_toLeftOf="@+id/tv_course_num_not_start_title"
-            app:layout_constraintRight_toRightOf="@+id/tv_course_num_not_start_title"
-            app:layout_constraintTop_toTopOf="@+id/tv_fans_num"
-            tools:text="118" />
-
-
-        <ImageView
-            android:id="@+id/view_vip_star"
-            android:layout_width="@dimen/dp_18"
-            android:layout_height="@dimen/dp_18"
-            android:layout_marginLeft="17dp"
-            android:src="@drawable/icon_mine_vip_star"
-            app:layout_constraintBottom_toBottomOf="@+id/im_vip"
-            app:layout_constraintLeft_toLeftOf="@+id/view_vip_bg"
-            app:layout_constraintTop_toTopOf="@+id/im_vip" />
-
-
-        <TextView
-            android:id="@+id/tv_validity_start"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginLeft="5dp"
-            android:text="VIP有效期剩余"
-            android:textColor="@color/color_502c0c"
-            android:textSize="@dimen/sp_14"
-            app:layout_constraintWidth_default="wrap"
-            app:layout_constraintHorizontal_bias="0"
-            app:layout_constraintHorizontal_chainStyle="packed"
-            app:layout_constraintRight_toLeftOf="@+id/tv_validity"
-            app:layout_constraintBottom_toBottomOf="@+id/view_vip_star"
-            app:layout_constraintLeft_toRightOf="@+id/view_vip_star"
-            app:layout_constraintTop_toTopOf="@+id/view_vip_star" />
-
-        <TextView
-            android:id="@+id/tv_validity"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:textColor="@color/color_ff623a"
-            android:textSize="@dimen/sp_14"
-            android:textStyle="bold"
-            app:layout_constraintBaseline_toBaselineOf="@+id/tv_validity_start"
-            app:layout_constraintRight_toLeftOf="@+id/im_vip"
-            app:layout_constraintLeft_toRightOf="@+id/tv_validity_start"
-            tools:text="321" />
-
-        <androidx.constraintlayout.widget.Group
-            android:visibility="gone"
-            android:id="@+id/group_vip"
-            tools:visibility="visible"
-            app:constraint_referenced_ids="view_vip_star,tv_validity,tv_validity_start"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"/>
-
-        <TextView
-            android:drawablePadding="5dp"
-            tools:visibility="gone"
-            android:visibility="gone"
-            android:id="@+id/tv_vip_tip"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:paddingStart="18dp"
-            android:text="会员已过期"
-            android:textColor="@color/color_502c0c"
-            android:textSize="@dimen/sp_14"
-            app:layout_constraintBottom_toBottomOf="@+id/im_vip"
-            app:layout_constraintLeft_toLeftOf="@+id/view_vip_bg"
-            app:layout_constraintTop_toTopOf="@+id/im_vip" />
-
-        <ImageView
-            android:id="@+id/im_vip"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="10dp"
-            android:layout_marginRight="16dp"
-            android:background="@drawable/icon_mine_vip_center"
-            app:layout_constraintRight_toRightOf="@+id/view_vip_bg"
-            app:layout_constraintTop_toTopOf="@+id/view_vip_bg" />
-
-
-        <View
-            android:id="@+id/view_top_bg"
-            android:layout_width="match_parent"
-            android:layout_height="0dp"
-            android:layout_marginStart="14dp"
-            android:layout_marginTop="12dp"
-            android:layout_marginEnd="14dp"
-            android:background="@drawable/bg_white_10dp"
-            app:layout_constraintBottom_toTopOf="@+id/top_bottom_view"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintRight_toRightOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/view_other_info_bg"
-            app:layout_goneMarginTop="@dimen/dp_26" />
-
-        <TextView
-            android:id="@+id/tv_tools_use"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginStart="15dp"
-            android:layout_marginTop="15dp"
-            android:includeFontPadding="false"
-            android:text="常用工具"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_16"
-            android:textStyle="bold"
-            app:layout_constraintLeft_toLeftOf="@+id/view_top_bg"
-            app:layout_constraintTop_toTopOf="@+id/view_top_bg" />
-
-        <androidx.recyclerview.widget.RecyclerView
-            android:id="@+id/recycler_view_tools"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:overScrollMode="never"
-            android:scrollbars="none"
-            app:layout_constraintLeft_toLeftOf="@+id/view_top_bg"
-            app:layout_constraintRight_toRightOf="@+id/view_top_bg"
-            app:layout_constraintTop_toBottomOf="@+id/tv_tools_use" />
+            <de.hdodenhof.circleimageview.CircleImageView
+                android:id="@+id/iv_avatar"
+                android:layout_width="60dp"
+                android:layout_height="60dp"
+                android:layout_marginStart="14dp"
+                android:src="@drawable/icon_teacher_default_head"
+                app:civ_border_color="@color/white"
+                app:civ_border_width="2dp"
+                app:layout_constraintLeft_toLeftOf="parent"
+                app:layout_constraintTop_toTopOf="parent" />
 
-        <TextView
-            android:id="@+id/tv_mine_page"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="12dp"
-            android:drawableTop="@drawable/icon_mine_page"
-            android:drawablePadding="@dimen/dp_3"
-            android:gravity="center"
-            android:includeFontPadding="false"
-            android:text="@string/mine_page_str"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_13"
-            android:visibility="gone"
-            app:layout_constraintLeft_toLeftOf="@+id/view_top_bg"
-            app:layout_constraintRight_toLeftOf="@+id/tv_mine_income"
-            app:layout_constraintTop_toBottomOf="@+id/tv_tools_use" />
+            <TextView
+                android:id="@+id/tv_nickname"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="10dp"
+                android:ellipsize="end"
+                android:includeFontPadding="false"
+                android:maxLines="1"
+                android:textColor="@color/color_1a1a1a"
+                android:textSize="@dimen/sp_18"
+                app:layout_constraintBottom_toTopOf="@+id/fl_tenant_name"
+                app:layout_constraintHorizontal_bias="0"
+                app:layout_constraintHorizontal_chainStyle="packed"
+                app:layout_constraintLeft_toRightOf="@+id/iv_avatar"
+                app:layout_constraintRight_toLeftOf="@+id/iv_edu_cert"
+                app:layout_constraintTop_toTopOf="@+id/iv_avatar"
+                app:layout_constraintVertical_chainStyle="packed"
+                app:layout_constraintWidth_default="wrap"
+                app:layout_goneMarginEnd="13dp"
+                tools:text="测试昵称测试昵称测试昵称测试昵测试昵称测试昵称测试昵称测试昵称测试昵称测试昵称测试昵称测试昵称测试昵称测试昵称测试昵称测试昵称测试昵称测试昵称测试昵称测试昵称称" />
+
+            <FrameLayout
+                android:id="@+id/fl_tenant_name"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="8dp"
+                android:visibility="gone"
+                app:layout_constraintBottom_toBottomOf="@+id/iv_avatar"
+                app:layout_constraintLeft_toLeftOf="@+id/tv_nickname"
+                app:layout_constraintRight_toRightOf="parent"
+                app:layout_constraintTop_toBottomOf="@+id/tv_nickname"
+                tools:visibility="visible">
+
+                <TextView
+                    android:id="@+id/tv_tenant_name"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_gravity="center_vertical"
+                    android:layout_marginEnd="14dp"
+                    android:background="@drawable/shape_12ffa673_border_ffbf9a_4dp"
+                    android:ellipsize="end"
+                    android:gravity="center_vertical"
+                    android:includeFontPadding="false"
+                    android:maxLines="1"
+                    android:paddingStart="5dp"
+                    android:paddingTop="1dp"
+                    android:paddingEnd="5dp"
+                    android:paddingBottom="1dp"
+                    android:textColor="@color/color_ff7b31"
+                    android:textSize="@dimen/sp_12"
+                    app:layout_constraintHorizontal_bias="0"
+                    tools:text="星机构武汉市构武汉市小星星机构武汉市星机构武汉市构武汉市小星星机构武汉市星机构武汉市构武汉市小星星机构武汉市" />
+            </FrameLayout>
+
+
+            <ImageView
+                android:id="@+id/iv_edu_cert"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="8dp"
+                android:src="@drawable/icon_education_cert"
+                android:visibility="gone"
+                app:layout_constraintBottom_toBottomOf="@+id/tv_nickname"
+                app:layout_constraintLeft_toRightOf="@+id/tv_nickname"
+                app:layout_constraintRight_toLeftOf="@+id/iv_teacher_cert"
+                app:layout_constraintTop_toTopOf="@+id/tv_nickname"
+                tools:visibility="gone" />
+
+            <ImageView
+                android:id="@+id/iv_teacher_cert"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="6dp"
+                android:layout_marginEnd="21dp"
+                android:src="@drawable/icon_teacher_cert"
+                android:visibility="gone"
+                app:layout_constraintBottom_toBottomOf="@+id/tv_nickname"
+                app:layout_constraintLeft_toRightOf="@+id/iv_edu_cert"
+                app:layout_constraintRight_toRightOf="parent"
+                app:layout_constraintTop_toTopOf="@+id/tv_nickname"
+                tools:visibility="gone" />
+
+            <View
+                android:id="@+id/vip_help_view"
+                android:layout_width="1px"
+                android:layout_height="1px"
+                app:layout_constraintBottom_toBottomOf="@+id/iv_avatar"
+                app:layout_constraintLeft_toLeftOf="@+id/iv_avatar"
+                app:layout_constraintRight_toRightOf="@+id/iv_avatar" />
+
+            <ImageView
+                android:id="@+id/iv_vip"
+                android:layout_width="37dp"
+                android:layout_height="18dp"
+                android:layout_marginBottom="5dp"
+                android:src="@drawable/icon_vip_enable"
+                app:layout_constraintBottom_toBottomOf="@+id/vip_help_view"
+                app:layout_constraintLeft_toLeftOf="@+id/iv_avatar"
+                app:layout_constraintRight_toRightOf="@+id/iv_avatar"
+                app:layout_constraintTop_toTopOf="@+id/vip_help_view" />
 
-        <TextView
-            android:id="@+id/tv_mine_income"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:drawableTop="@drawable/icon_mine_income"
-            android:drawablePadding="@dimen/dp_3"
-            android:includeFontPadding="false"
-            android:text="我的收入"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_13"
-            android:visibility="gone"
-            app:layout_constraintLeft_toRightOf="@+id/tv_mine_page"
-            app:layout_constraintRight_toLeftOf="@+id/tv_mine_style"
-            app:layout_constraintTop_toTopOf="@+id/tv_mine_page" />
 
+            <ImageView
+                android:id="@+id/iv_certification_status"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginEnd="10dp"
+                android:src="@drawable/icon_home_un_certification"
+                android:visibility="gone"
+                app:layout_constraintBottom_toBottomOf="@+id/iv_avatar"
+                app:layout_constraintRight_toRightOf="parent"
+                app:layout_constraintTop_toTopOf="@+id/iv_avatar"
+                tools:visibility="gone" />
+
+            <View
+                android:id="@+id/certification_tip_help_view"
+                android:layout_width="1px"
+                android:layout_height="1px"
+                android:layout_marginBottom="15dp"
+                app:layout_constraintBottom_toBottomOf="@+id/iv_certification_status"
+                app:layout_constraintLeft_toLeftOf="@+id/iv_certification_status" />
+
+            <ImageView
+                android:id="@+id/iv_un_certification_tip"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginEnd="10dp"
+                android:src="@drawable/icon_home_certification_tip"
+                android:visibility="gone"
+                app:layout_constraintRight_toRightOf="parent"
+                app:layout_constraintTop_toBottomOf="@+id/certification_tip_help_view"
+                tools:visibility="gone" />
+
+
+            <View
+                android:id="@+id/view_vip_bg"
+                android:layout_width="match_parent"
+                android:layout_height="@dimen/dp_82"
+                android:layout_marginLeft="21dp"
+                android:layout_marginTop="20dp"
+                android:layout_marginRight="21dp"
+                android:background="@drawable/icon_mine_vip_bg"
+                app:layout_constraintLeft_toLeftOf="parent"
+                app:layout_constraintTop_toBottomOf="@+id/iv_avatar"
+                app:layout_goneMarginTop="30dp" />
+
+            <View
+                android:id="@+id/view_other_info_bg"
+                android:layout_width="match_parent"
+                android:layout_height="80dp"
+                android:layout_marginStart="14dp"
+                android:layout_marginTop="45dp"
+                android:layout_marginEnd="14dp"
+                android:background="@drawable/shape_8dp_white"
+                app:layout_constraintTop_toTopOf="@+id/view_vip_bg" />
 
-        <TextView
-            android:id="@+id/tv_mine_style"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:drawableTop="@drawable/icon_mine_style"
-            android:drawablePadding="@dimen/dp_3"
-            android:includeFontPadding="false"
-            android:text="个人风采"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_13"
-            android:visibility="gone"
-            app:layout_constraintLeft_toRightOf="@+id/tv_mine_income"
-            app:layout_constraintRight_toLeftOf="@+id/iv_goods_order"
-            app:layout_constraintTop_toTopOf="@+id/tv_mine_page" />
+            <TextView
+                android:id="@+id/tv_fans_title"
+                android:layout_width="58dp"
+                android:layout_height="28dp"
+                android:layout_marginStart="29dp"
+                android:layout_marginTop="1dp"
+                android:layout_marginBottom="10dp"
+                android:gravity="center"
+                android:includeFontPadding="false"
+                android:text="粉丝"
+                android:textColor="@color/color_999999"
+                android:textSize="@dimen/sp_14"
+                app:layout_constraintBottom_toBottomOf="@+id/view_other_info_bg"
+                app:layout_constraintHorizontal_chainStyle="spread_inside"
+                app:layout_constraintLeft_toLeftOf="@+id/view_other_info_bg"
+                app:layout_constraintRight_toLeftOf="@+id/tv_course_num_completed_title" />
+
+            <View
+                android:id="@+id/view_fans"
+                android:layout_width="0dp"
+                android:layout_height="0dp"
+                app:layout_constraintBottom_toBottomOf="@+id/view_other_info_bg"
+                app:layout_constraintLeft_toLeftOf="@+id/view_other_info_bg"
+                app:layout_constraintRight_toLeftOf="@+id/view_line1"
+                app:layout_constraintTop_toTopOf="@+id/view_other_info_bg" />
+
+
+            <View
+                android:id="@+id/view_line1"
+                android:layout_width="0.5dp"
+                android:layout_height="24dp"
+                android:background="@color/color_eaeaea"
+                app:layout_constraintBottom_toBottomOf="@+id/view_other_info_bg"
+                app:layout_constraintLeft_toRightOf="@+id/tv_fans_title"
+                app:layout_constraintRight_toLeftOf="@+id/tv_course_num_completed_title"
+                app:layout_constraintTop_toTopOf="@+id/view_other_info_bg" />
 
+            <TextView
+                android:id="@+id/tv_course_num_completed_title"
+                android:layout_width="58dp"
+                android:layout_height="28dp"
+                android:layout_marginTop="1dp"
+                android:gravity="center"
+                android:includeFontPadding="false"
+                android:text="已上课时"
+                android:textColor="@color/color_999999"
+                android:textSize="@dimen/sp_14"
+                app:layout_constraintLeft_toRightOf="@+id/tv_fans_title"
+                app:layout_constraintRight_toLeftOf="@+id/tv_course_num_not_start_title"
+                app:layout_constraintTop_toTopOf="@+id/tv_fans_title" />
+
+            <View
+                android:id="@+id/view_course_num_completed"
+                android:layout_width="0dp"
+                android:layout_height="0dp"
+                app:layout_constraintBottom_toBottomOf="@+id/view_other_info_bg"
+                app:layout_constraintLeft_toRightOf="@+id/view_line1"
+                app:layout_constraintRight_toLeftOf="@+id/view_line2"
+                app:layout_constraintTop_toTopOf="@+id/view_other_info_bg" />
+
+            <View
+                android:id="@+id/view_line2"
+                android:layout_width="0.5dp"
+                android:layout_height="24dp"
+                android:background="@color/color_eaeaea"
+                app:layout_constraintBottom_toBottomOf="@+id/view_other_info_bg"
+                app:layout_constraintLeft_toRightOf="@+id/tv_course_num_completed_title"
+                app:layout_constraintRight_toLeftOf="@+id/tv_course_num_not_start_title"
+                app:layout_constraintTop_toTopOf="@+id/view_other_info_bg" />
 
-        <TextView
-            android:id="@+id/iv_goods_order"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:drawableTop="@drawable/icon_goods_order"
-            android:drawablePadding="@dimen/dp_3"
-            android:includeFontPadding="false"
-            android:text="商品订单"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_13"
-            android:visibility="gone"
-            app:layout_constraintLeft_toRightOf="@+id/tv_mine_style"
-            app:layout_constraintRight_toRightOf="@+id/view_top_bg"
-            app:layout_constraintTop_toTopOf="@+id/tv_mine_style" />
 
-        <TextView
-            android:id="@+id/tv_sheet_music"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="17dp"
-            android:drawableTop="@drawable/icon_mine_sheet_music"
-            android:drawablePadding="@dimen/dp_3"
-            android:gravity="center"
-            android:includeFontPadding="false"
-            android:minWidth="@dimen/dp_52"
-            android:text="我的乐谱"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_13"
-            android:visibility="gone"
-            app:layout_constraintLeft_toLeftOf="@+id/tv_mine_page"
-            app:layout_constraintRight_toRightOf="@+id/tv_mine_page"
-            app:layout_constraintTop_toBottomOf="@+id/tv_mine_page" />
-
-        <TextView
-            android:id="@+id/tv_mine_course"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:drawableTop="@drawable/icon_mine_course"
-            android:drawablePadding="@dimen/dp_3"
-            android:gravity="center"
-            android:includeFontPadding="false"
-            android:minWidth="@dimen/dp_52"
-            android:text="我的课程"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_13"
-            android:visibility="gone"
-            app:layout_constraintLeft_toLeftOf="@+id/tv_mine_income"
-            app:layout_constraintRight_toRightOf="@+id/tv_mine_income"
-            app:layout_constraintTop_toTopOf="@+id/tv_sheet_music" />
+            <TextView
+                android:id="@+id/tv_course_num_not_start_title"
+                android:layout_width="58dp"
+                android:layout_height="28dp"
+                android:layout_marginTop="1dp"
+                android:layout_marginEnd="29dp"
+                android:gravity="center"
+                android:includeFontPadding="false"
+                android:text="未上课时"
+                android:textColor="@color/color_999999"
+                android:textSize="@dimen/sp_14"
+                app:layout_constraintLeft_toRightOf="@+id/tv_course_num_completed_title"
+                app:layout_constraintRight_toRightOf="@+id/view_other_info_bg"
+                app:layout_constraintTop_toTopOf="@+id/tv_fans_title" />
 
-        <TextView
-            android:id="@+id/tv_mine_coupon"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:drawableTop="@drawable/icon_mine_coupon"
-            android:drawablePadding="@dimen/dp_3"
-            android:gravity="center"
-            android:includeFontPadding="false"
-            android:minWidth="@dimen/dp_52"
-            android:text="我的优惠券"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_13"
-            android:visibility="gone"
-            app:layout_constraintLeft_toLeftOf="@+id/tv_mine_style"
-            app:layout_constraintRight_toRightOf="@+id/tv_mine_style"
-            app:layout_constraintTop_toTopOf="@+id/tv_sheet_music" />
+            <View
+                android:id="@+id/view_course_num_not_start"
+                android:layout_width="0dp"
+                android:layout_height="0dp"
+                app:layout_constraintBottom_toBottomOf="@+id/view_other_info_bg"
+                app:layout_constraintLeft_toRightOf="@+id/view_line2"
+                app:layout_constraintRight_toRightOf="@+id/view_other_info_bg"
+                app:layout_constraintTop_toTopOf="@+id/view_other_info_bg" />
 
-        <View
-            android:id="@+id/top_bottom_view"
-            android:layout_width="1px"
-            android:layout_height="1px"
-            android:layout_marginTop="24dp"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/recycler_view_tools" />
 
-        <View
-            android:id="@+id/view_bottom_bg"
-            android:layout_width="match_parent"
-            android:layout_height="0dp"
-            android:layout_marginStart="14dp"
-            android:layout_marginTop="12dp"
-            android:layout_marginEnd="14dp"
-            android:background="@drawable/shape_8dp_white"
-            app:layout_constraintBottom_toTopOf="@+id/bottom_view_line"
-            app:layout_constraintTop_toBottomOf="@+id/top_bottom_view" />
+            <TextView
+                android:id="@+id/tv_fans_num"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginBottom="1dp"
+                android:includeFontPadding="false"
+                android:text="0"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_22"
+                android:textStyle="bold"
+                app:layout_constraintBottom_toTopOf="@+id/tv_fans_title"
+                app:layout_constraintLeft_toLeftOf="@+id/tv_fans_title"
+                app:layout_constraintRight_toRightOf="@+id/tv_fans_title"
+                tools:text="1181" />
 
+            <TextView
+                android:id="@+id/tv_course_num_completed"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:includeFontPadding="false"
+                android:text="0"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_22"
+                android:textStyle="bold"
+                app:layout_constraintLeft_toLeftOf="@+id/tv_course_num_completed_title"
+                app:layout_constraintRight_toRightOf="@+id/tv_course_num_completed_title"
+                app:layout_constraintTop_toTopOf="@+id/tv_fans_num"
+                tools:text="118" />
 
-        <TextView
-            android:id="@+id/tv_tools_teaching"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginStart="15dp"
-            android:layout_marginTop="15dp"
-            android:includeFontPadding="false"
-            android:text="教学工具"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_16"
-            android:textStyle="bold"
-            app:layout_constraintLeft_toLeftOf="@+id/view_bottom_bg"
-            app:layout_constraintTop_toTopOf="@+id/view_bottom_bg" />
 
+            <TextView
+                android:id="@+id/tv_course_num_not_start"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:includeFontPadding="false"
+                android:text="0"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_22"
+                android:textStyle="bold"
+                app:layout_constraintLeft_toLeftOf="@+id/tv_course_num_not_start_title"
+                app:layout_constraintRight_toRightOf="@+id/tv_course_num_not_start_title"
+                app:layout_constraintTop_toTopOf="@+id/tv_fans_num"
+                tools:text="118" />
+
+
+            <ImageView
+                android:id="@+id/view_vip_star"
+                android:layout_width="@dimen/dp_18"
+                android:layout_height="@dimen/dp_18"
+                android:layout_marginLeft="17dp"
+                android:src="@drawable/icon_mine_vip_star"
+                app:layout_constraintBottom_toBottomOf="@+id/im_vip"
+                app:layout_constraintLeft_toLeftOf="@+id/view_vip_bg"
+                app:layout_constraintTop_toTopOf="@+id/im_vip" />
 
-        <TextView
-            android:id="@+id/tv_open_live"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="13dp"
-            android:drawableTop="@drawable/icon_open_live"
-            android:drawablePadding="@dimen/dp_3"
-            android:includeFontPadding="false"
-            android:text="我的直播"
-            android:gravity="center"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_13"
-            app:layout_constraintLeft_toLeftOf="@+id/view_bottom_bg"
-            app:layout_constraintRight_toLeftOf="@+id/tv_live_course"
-            app:layout_constraintTop_toBottomOf="@+id/tv_tools_teaching" />
 
+            <TextView
+                android:id="@+id/tv_validity_start"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginLeft="5dp"
+                android:text="VIP有效期剩余"
+                android:textColor="@color/color_502c0c"
+                android:textSize="@dimen/sp_14"
+                app:layout_constraintBottom_toBottomOf="@+id/view_vip_star"
+                app:layout_constraintHorizontal_bias="0"
+                app:layout_constraintHorizontal_chainStyle="packed"
+                app:layout_constraintLeft_toRightOf="@+id/view_vip_star"
+                app:layout_constraintRight_toLeftOf="@+id/tv_validity"
+                app:layout_constraintTop_toTopOf="@+id/view_vip_star"
+                app:layout_constraintWidth_default="wrap" />
 
-        <TextView
-            android:id="@+id/tv_live_course"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:drawableTop="@drawable/icon_live_course"
-            android:drawablePadding="@dimen/dp_3"
-            android:gravity="center"
-            android:includeFontPadding="false"
-            android:minWidth="@dimen/dp_52"
-            android:text="直播课"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_13"
-            app:layout_constraintLeft_toRightOf="@+id/tv_open_live"
-            app:layout_constraintRight_toLeftOf="@+id/tv_video_course"
-            app:layout_constraintTop_toTopOf="@+id/tv_open_live" />
+            <TextView
+                android:id="@+id/tv_validity"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:textColor="@color/color_ff623a"
+                android:textSize="@dimen/sp_14"
+                android:textStyle="bold"
+                app:layout_constraintBaseline_toBaselineOf="@+id/tv_validity_start"
+                app:layout_constraintLeft_toRightOf="@+id/tv_validity_start"
+                app:layout_constraintRight_toLeftOf="@+id/im_vip"
+                tools:text="321" />
+
+            <androidx.constraintlayout.widget.Group
+                android:id="@+id/group_vip"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:visibility="gone"
+                app:constraint_referenced_ids="view_vip_star,tv_validity,tv_validity_start"
+                tools:visibility="visible" />
 
-        <TextView
-            android:id="@+id/tv_video_course"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:drawableTop="@drawable/icon_video_course"
-            android:drawablePadding="@dimen/dp_3"
-            android:gravity="center"
-            android:includeFontPadding="false"
-            android:minWidth="@dimen/dp_52"
-            android:text="视频课"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_13"
-            app:layout_constraintLeft_toRightOf="@+id/tv_live_course"
-            app:layout_constraintRight_toLeftOf="@+id/tv_piano_course"
-            app:layout_constraintTop_toTopOf="@+id/tv_open_live" />
+            <TextView
+                android:id="@+id/tv_vip_tip"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:drawablePadding="5dp"
+                android:paddingStart="18dp"
+                android:text="会员已过期"
+                android:textColor="@color/color_502c0c"
+                android:textSize="@dimen/sp_14"
+                android:visibility="gone"
+                app:layout_constraintBottom_toBottomOf="@+id/im_vip"
+                app:layout_constraintLeft_toLeftOf="@+id/view_vip_bg"
+                app:layout_constraintTop_toTopOf="@+id/im_vip"
+                tools:visibility="gone" />
 
-        <TextView
-            android:id="@+id/tv_piano_course"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:drawableTop="@drawable/icon_mine_piano_course"
-            android:drawablePadding="@dimen/dp_3"
-            android:gravity="center"
-            android:includeFontPadding="false"
-            android:minWidth="48dp"
-            android:text="云酷琴房"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_13"
-            app:layout_constraintLeft_toRightOf="@+id/tv_video_course"
-            app:layout_constraintRight_toRightOf="@+id/view_bottom_bg"
-            app:layout_constraintTop_toTopOf="@+id/tv_open_live" />
+            <ImageView
+                android:id="@+id/im_vip"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="10dp"
+                android:layout_marginRight="16dp"
+                android:background="@drawable/icon_mine_vip_center"
+                app:layout_constraintRight_toRightOf="@+id/view_vip_bg"
+                app:layout_constraintTop_toTopOf="@+id/view_vip_bg" />
+
+
+            <View
+                android:id="@+id/view_top_bg"
+                android:layout_width="match_parent"
+                android:layout_height="0dp"
+                android:layout_marginStart="14dp"
+                android:layout_marginTop="12dp"
+                android:layout_marginEnd="14dp"
+                android:background="@drawable/bg_white_10dp"
+                app:layout_constraintBottom_toTopOf="@+id/top_bottom_view"
+                app:layout_constraintLeft_toLeftOf="parent"
+                app:layout_constraintRight_toRightOf="parent"
+                app:layout_constraintTop_toBottomOf="@+id/view_other_info_bg"
+                app:layout_goneMarginTop="@dimen/dp_26" />
 
+            <TextView
+                android:id="@+id/tv_tools_use"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="15dp"
+                android:layout_marginTop="15dp"
+                android:includeFontPadding="false"
+                android:text="常用工具"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_16"
+                android:textStyle="bold"
+                app:layout_constraintLeft_toLeftOf="@+id/view_top_bg"
+                app:layout_constraintTop_toTopOf="@+id/view_top_bg" />
 
-        <TextView
-            android:id="@+id/tv_homework"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:drawableTop="@drawable/icon_mine_homework"
-            android:drawablePadding="@dimen/dp_3"
-            android:gravity="center"
-            android:includeFontPadding="false"
-            android:minWidth="48dp"
-            android:text="课后作业"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_13"
-            android:layout_marginTop="14dp"
-            app:layout_constraintLeft_toLeftOf="@+id/tv_open_live"
-            app:layout_constraintRight_toRightOf="@+id/tv_open_live"
-            app:layout_constraintTop_toBottomOf="@+id/tv_open_live"  />
+            <androidx.recyclerview.widget.RecyclerView
+                android:id="@+id/recycler_view_tools"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:overScrollMode="never"
+                android:scrollbars="none"
+                app:layout_constraintLeft_toLeftOf="@+id/view_top_bg"
+                app:layout_constraintRight_toRightOf="@+id/view_top_bg"
+                app:layout_constraintTop_toBottomOf="@+id/tv_tools_use" />
 
-        <TextView
-            android:id="@+id/tv_course_comment"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:drawableTop="@drawable/icon_mine_course_comment"
-            android:drawablePadding="@dimen/dp_3"
-            android:gravity="center"
-            android:includeFontPadding="false"
-            android:minWidth="48dp"
-            android:text="课后评价"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_13"
-            app:layout_constraintLeft_toLeftOf="@+id/tv_live_course"
-            app:layout_constraintRight_toRightOf="@+id/tv_live_course"
-            app:layout_constraintTop_toTopOf="@+id/tv_homework" />
+            <TextView
+                android:id="@+id/tv_mine_page"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="12dp"
+                android:drawableTop="@drawable/icon_mine_page"
+                android:drawablePadding="@dimen/dp_3"
+                android:gravity="center"
+                android:includeFontPadding="false"
+                android:text="@string/mine_page_str"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_13"
+                android:visibility="gone"
+                app:layout_constraintLeft_toLeftOf="@+id/view_top_bg"
+                app:layout_constraintRight_toLeftOf="@+id/tv_mine_income"
+                app:layout_constraintTop_toBottomOf="@+id/tv_tools_use" />
 
-        <TextView
-            android:id="@+id/tv_mine_courseware"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:drawableTop="@drawable/icon_mine_courseware"
-            android:drawablePadding="@dimen/dp_3"
-            android:gravity="center"
-            android:includeFontPadding="false"
-            android:minWidth="48dp"
-            android:text="我的课件"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_13"
-            app:layout_constraintLeft_toLeftOf="@+id/tv_video_course"
-            app:layout_constraintRight_toRightOf="@+id/tv_video_course"
-            app:layout_constraintTop_toTopOf="@+id/tv_homework" />
+            <TextView
+                android:id="@+id/tv_mine_income"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:drawableTop="@drawable/icon_mine_income"
+                android:drawablePadding="@dimen/dp_3"
+                android:includeFontPadding="false"
+                android:text="我的收入"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_13"
+                android:visibility="gone"
+                app:layout_constraintLeft_toRightOf="@+id/tv_mine_page"
+                app:layout_constraintRight_toLeftOf="@+id/tv_mine_style"
+                app:layout_constraintTop_toTopOf="@+id/tv_mine_page" />
 
-        <TextView
-            android:id="@+id/tv_award"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:drawableTop="@drawable/icon_mine_award"
-            android:drawablePadding="@dimen/dp_3"
-            android:gravity="center"
-            android:includeFontPadding="false"
-            android:minWidth="48dp"
-            android:text="活动奖品"
-            android:textColor="@color/color_333333"
-            android:textSize="@dimen/sp_13"
-            app:layout_constraintLeft_toLeftOf="@+id/tv_piano_course"
-            app:layout_constraintRight_toRightOf="@+id/tv_piano_course"
-            app:layout_constraintTop_toTopOf="@+id/tv_homework" />
 
-        <View
-            android:id="@+id/bottom_view_line"
-            android:layout_width="1px"
-            android:layout_height="1px"
-            android:layout_marginTop="30dp"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/tv_award" />
+            <TextView
+                android:id="@+id/tv_mine_style"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:drawableTop="@drawable/icon_mine_style"
+                android:drawablePadding="@dimen/dp_3"
+                android:includeFontPadding="false"
+                android:text="个人风采"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_13"
+                android:visibility="gone"
+                app:layout_constraintLeft_toRightOf="@+id/tv_mine_income"
+                app:layout_constraintRight_toLeftOf="@+id/iv_goods_order"
+                app:layout_constraintTop_toTopOf="@+id/tv_mine_page" />
 
-        <androidx.constraintlayout.widget.ConstraintLayout
-            android:id="@+id/cs_menu_usually"
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_marginStart="14dp"
-            android:layout_marginTop="12dp"
-            android:layout_marginEnd="14dp"
-            android:background="@drawable/bg_white_10dp"
-            android:orientation="vertical"
-            android:paddingTop="5dp"
-            android:paddingBottom="5dp"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintRight_toRightOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/view_bottom_bg">
 
             <TextView
-                android:id="@+id/tv_my_account"
-                style="@style/me_btn_style"
-                android:text="酷乐秀推广计划"
-                android:textSize="@dimen/sp_16"
+                android:id="@+id/iv_goods_order"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:drawableTop="@drawable/icon_goods_order"
+                android:drawablePadding="@dimen/dp_3"
+                android:includeFontPadding="false"
+                android:text="商品订单"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_13"
                 android:visibility="gone"
-                app:layout_constraintLeft_toLeftOf="parent"
-                app:layout_constraintTop_toTopOf="parent" />
+                app:layout_constraintLeft_toRightOf="@+id/tv_mine_style"
+                app:layout_constraintRight_toRightOf="@+id/view_top_bg"
+                app:layout_constraintTop_toTopOf="@+id/tv_mine_style" />
 
             <TextView
+                android:id="@+id/tv_sheet_music"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="17dp"
+                android:drawableTop="@drawable/icon_mine_sheet_music"
+                android:drawablePadding="@dimen/dp_3"
+                android:gravity="center"
+                android:includeFontPadding="false"
+                android:minWidth="@dimen/dp_52"
+                android:text="我的乐谱"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_13"
                 android:visibility="gone"
-                android:id="@+id/tv_promote_income_tip"
+                app:layout_constraintLeft_toLeftOf="@+id/tv_mine_page"
+                app:layout_constraintRight_toRightOf="@+id/tv_mine_page"
+                app:layout_constraintTop_toBottomOf="@+id/tv_mine_page" />
+
+            <TextView
+                android:id="@+id/tv_mine_course"
                 android:layout_width="wrap_content"
-                android:layout_height="18dp"
-                android:layout_marginEnd="25dp"
-                android:text="累计收益0元"
-                android:textColor="@color/color_999999"
+                android:layout_height="wrap_content"
+                android:drawableTop="@drawable/icon_mine_course"
+                android:drawablePadding="@dimen/dp_3"
+                android:gravity="center"
+                android:includeFontPadding="false"
+                android:minWidth="@dimen/dp_52"
+                android:text="我的课程"
+                android:textColor="@color/color_333333"
                 android:textSize="@dimen/sp_13"
-                app:layout_constraintBottom_toBottomOf="@+id/tv_my_account"
-                app:layout_constraintRight_toRightOf="@+id/tv_my_account"
-                app:layout_constraintTop_toTopOf="@+id/tv_my_account" />
+                android:visibility="gone"
+                app:layout_constraintLeft_toLeftOf="@+id/tv_mine_income"
+                app:layout_constraintRight_toRightOf="@+id/tv_mine_income"
+                app:layout_constraintTop_toTopOf="@+id/tv_sheet_music" />
 
             <TextView
-                android:paddingBottom="20dp"
-                android:id="@+id/tv_authentication"
-                style="@style/me_btn_style"
-                android:text="银行卡"
-                android:textSize="@dimen/sp_16"
-                android:visibility="visible"
+                android:id="@+id/tv_mine_coupon"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:drawableTop="@drawable/icon_mine_coupon"
+                android:drawablePadding="@dimen/dp_3"
+                android:gravity="center"
+                android:includeFontPadding="false"
+                android:minWidth="@dimen/dp_52"
+                android:text="我的优惠券"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_13"
+                android:visibility="gone"
+                app:layout_constraintLeft_toLeftOf="@+id/tv_mine_style"
+                app:layout_constraintRight_toRightOf="@+id/tv_mine_style"
+                app:layout_constraintTop_toTopOf="@+id/tv_sheet_music" />
+
+            <View
+                android:id="@+id/top_bottom_view"
+                android:layout_width="1px"
+                android:layout_height="1px"
+                android:layout_marginTop="24dp"
                 app:layout_constraintLeft_toLeftOf="parent"
-                app:layout_constraintTop_toBottomOf="@+id/tv_my_account" />
+                app:layout_constraintTop_toBottomOf="@+id/recycler_view_tools" />
+
+            <View
+                android:id="@+id/view_bottom_bg"
+                android:layout_width="match_parent"
+                android:layout_height="0dp"
+                android:layout_marginStart="14dp"
+                android:layout_marginTop="12dp"
+                android:layout_marginEnd="14dp"
+                android:background="@drawable/shape_8dp_white"
+                app:layout_constraintBottom_toTopOf="@+id/bottom_view_line"
+                app:layout_constraintTop_toBottomOf="@+id/top_bottom_view" />
 
 
             <TextView
-                android:id="@+id/tv_bank_card_bind_tip"
+                android:id="@+id/tv_tools_teaching"
                 android:layout_width="wrap_content"
-                android:layout_height="18dp"
-                android:layout_marginEnd="25dp"
-                android:text="@string/no_bind_bank_card_tip"
-                android:textColor="@color/color_999999"
-                android:textSize="@dimen/sp_13"
-                app:layout_constraintBottom_toBottomOf="@+id/tv_authentication"
-                app:layout_constraintRight_toRightOf="@+id/tv_authentication"
-                app:layout_constraintTop_toTopOf="@+id/tv_authentication" />
+                android:layout_height="wrap_content"
+                android:layout_marginStart="15dp"
+                android:layout_marginTop="15dp"
+                android:includeFontPadding="false"
+                android:text="教学工具"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_16"
+                android:textStyle="bold"
+                app:layout_constraintLeft_toLeftOf="@+id/view_bottom_bg"
+                app:layout_constraintTop_toTopOf="@+id/view_bottom_bg" />
 
-            <TextView
-                android:id="@+id/tv_trade_record"
-                style="@style/me_btn_style"
-                android:text="交易记录"
-                android:visibility="visible"
-                app:layout_constraintLeft_toLeftOf="@+id/tv_authentication"
-                app:layout_constraintTop_toBottomOf="@+id/tv_authentication" />
 
             <TextView
-                android:id="@+id/tv_network_monitoring"
-                style="@style/me_btn_style"
-                android:text="网络检测"
-                android:visibility="visible"
-                app:layout_constraintLeft_toLeftOf="@+id/tv_authentication"
-                app:layout_constraintTop_toBottomOf="@+id/tv_trade_record" />
+                android:id="@+id/tv_open_live"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="13dp"
+                android:drawableTop="@drawable/icon_open_live"
+                android:drawablePadding="@dimen/dp_3"
+                android:gravity="center"
+                android:includeFontPadding="false"
+                android:text="我的直播"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_13"
+                app:layout_constraintLeft_toLeftOf="@+id/view_bottom_bg"
+                app:layout_constraintRight_toLeftOf="@+id/tv_live_course"
+                app:layout_constraintTop_toBottomOf="@+id/tv_tools_teaching" />
 
 
             <TextView
-                android:id="@+id/tv_equipment_testing"
-                style="@style/me_btn_style"
-                android:text="设备检测"
-                android:visibility="visible"
-                app:layout_constraintLeft_toLeftOf="parent"
-                app:layout_constraintTop_toBottomOf="@+id/tv_network_monitoring" />
-
-        </androidx.constraintlayout.widget.ConstraintLayout>
+                android:id="@+id/tv_live_course"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:drawableTop="@drawable/icon_live_course"
+                android:drawablePadding="@dimen/dp_3"
+                android:gravity="center"
+                android:includeFontPadding="false"
+                android:minWidth="@dimen/dp_52"
+                android:text="直播课"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_13"
+                app:layout_constraintLeft_toRightOf="@+id/tv_open_live"
+                app:layout_constraintRight_toLeftOf="@+id/tv_video_course"
+                app:layout_constraintTop_toTopOf="@+id/tv_open_live" />
 
-        <LinearLayout
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_marginStart="14dp"
-            android:layout_marginTop="12dp"
-            android:layout_marginEnd="14dp"
-            android:background="@drawable/shape_8dp_white"
-            android:orientation="vertical"
-            android:paddingTop="5dp"
-            android:paddingBottom="5dp"
-            app:layout_constraintTop_toBottomOf="@+id/cs_menu_usually">
+            <TextView
+                android:id="@+id/tv_video_course"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:drawableTop="@drawable/icon_video_course"
+                android:drawablePadding="@dimen/dp_3"
+                android:gravity="center"
+                android:includeFontPadding="false"
+                android:minWidth="@dimen/dp_52"
+                android:text="视频课"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_13"
+                app:layout_constraintLeft_toRightOf="@+id/tv_live_course"
+                app:layout_constraintRight_toLeftOf="@+id/tv_piano_course"
+                app:layout_constraintTop_toTopOf="@+id/tv_open_live" />
 
             <TextView
-                android:id="@+id/tv_help"
-                style="@style/me_btn_style"
-                android:text="帮助中心"
-                android:visibility="visible"
-                app:layout_constraintLeft_toLeftOf="@+id/tv_equipment_testing"
-                app:layout_constraintTop_toBottomOf="@+id/tv_equipment_testing" />
+                android:id="@+id/tv_piano_course"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:drawableTop="@drawable/icon_mine_piano_course"
+                android:drawablePadding="@dimen/dp_3"
+                android:gravity="center"
+                android:includeFontPadding="false"
+                android:minWidth="48dp"
+                android:text="云酷琴房"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_13"
+                app:layout_constraintLeft_toRightOf="@+id/tv_video_course"
+                app:layout_constraintRight_toRightOf="@+id/view_bottom_bg"
+                app:layout_constraintTop_toTopOf="@+id/tv_open_live" />
+
 
             <TextView
-                android:id="@+id/tv_feedback"
-                style="@style/me_btn_style"
-                android:text="意见反馈"
-                android:visibility="visible"
-                app:layout_constraintLeft_toLeftOf="@+id/tv_help"
-                app:layout_constraintTop_toBottomOf="@+id/tv_help" />
+                android:id="@+id/tv_homework"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="14dp"
+                android:drawableTop="@drawable/icon_mine_homework"
+                android:drawablePadding="@dimen/dp_3"
+                android:gravity="center"
+                android:includeFontPadding="false"
+                android:minWidth="48dp"
+                android:text="课后作业"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_13"
+                app:layout_constraintLeft_toLeftOf="@+id/tv_open_live"
+                app:layout_constraintRight_toRightOf="@+id/tv_open_live"
+                app:layout_constraintTop_toBottomOf="@+id/tv_open_live" />
 
             <TextView
-                android:id="@+id/tv_contact_us"
-                style="@style/me_btn_style"
-                android:text="联系我们"
-                android:visibility="visible"
-                app:layout_constraintLeft_toLeftOf="@+id/tv_help"
-                app:layout_constraintTop_toBottomOf="@+id/tv_help" />
+                android:id="@+id/tv_course_comment"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:drawableTop="@drawable/icon_mine_course_comment"
+                android:drawablePadding="@dimen/dp_3"
+                android:gravity="center"
+                android:includeFontPadding="false"
+                android:minWidth="48dp"
+                android:text="课后评价"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_13"
+                app:layout_constraintLeft_toLeftOf="@+id/tv_live_course"
+                app:layout_constraintRight_toRightOf="@+id/tv_live_course"
+                app:layout_constraintTop_toTopOf="@+id/tv_homework" />
 
+            <TextView
+                android:id="@+id/tv_mine_courseware"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:drawableTop="@drawable/icon_mine_courseware"
+                android:drawablePadding="@dimen/dp_3"
+                android:gravity="center"
+                android:includeFontPadding="false"
+                android:minWidth="48dp"
+                android:text="我的课件"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_13"
+                app:layout_constraintLeft_toLeftOf="@+id/tv_video_course"
+                app:layout_constraintRight_toRightOf="@+id/tv_video_course"
+                app:layout_constraintTop_toTopOf="@+id/tv_homework" />
 
             <TextView
-                android:id="@+id/tv_customer"
-                style="@style/me_btn_style"
-                android:text="在线客服"
-                android:visibility="gone"
-                app:layout_constraintLeft_toLeftOf="@+id/tv_help"
-                app:layout_constraintTop_toBottomOf="@+id/tv_help" />
+                android:id="@+id/tv_award"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:drawableTop="@drawable/icon_mine_award"
+                android:drawablePadding="@dimen/dp_3"
+                android:gravity="center"
+                android:includeFontPadding="false"
+                android:minWidth="48dp"
+                android:text="活动奖品"
+                android:textColor="@color/color_333333"
+                android:textSize="@dimen/sp_13"
+                app:layout_constraintLeft_toLeftOf="@+id/tv_piano_course"
+                app:layout_constraintRight_toRightOf="@+id/tv_piano_course"
+                app:layout_constraintTop_toTopOf="@+id/tv_homework" />
+
+            <View
+                android:id="@+id/bottom_view_line"
+                android:layout_width="1px"
+                android:layout_height="1px"
+                android:layout_marginTop="30dp"
+                app:layout_constraintLeft_toLeftOf="parent"
+                app:layout_constraintTop_toBottomOf="@+id/tv_award" />
 
-        </LinearLayout>
-    </androidx.constraintlayout.widget.ConstraintLayout>
-</ScrollView>
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:id="@+id/cs_menu_usually"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="14dp"
+                android:layout_marginTop="12dp"
+                android:layout_marginEnd="14dp"
+                android:background="@drawable/bg_white_10dp"
+                android:orientation="vertical"
+                android:paddingTop="5dp"
+                android:paddingBottom="5dp"
+                app:layout_constraintLeft_toLeftOf="parent"
+                app:layout_constraintRight_toRightOf="parent"
+                app:layout_constraintTop_toBottomOf="@+id/view_bottom_bg">
+
+                <TextView
+                    android:id="@+id/tv_my_account"
+                    style="@style/me_btn_style"
+                    android:text="酷乐秀推广计划"
+                    android:textSize="@dimen/sp_16"
+                    android:visibility="gone"
+                    app:layout_constraintLeft_toLeftOf="parent"
+                    app:layout_constraintTop_toTopOf="parent" />
+
+                <TextView
+                    android:id="@+id/tv_promote_income_tip"
+                    android:layout_width="wrap_content"
+                    android:layout_height="18dp"
+                    android:layout_marginEnd="25dp"
+                    android:text="累计收益0元"
+                    android:textColor="@color/color_999999"
+                    android:textSize="@dimen/sp_13"
+                    android:visibility="gone"
+                    app:layout_constraintBottom_toBottomOf="@+id/tv_my_account"
+                    app:layout_constraintRight_toRightOf="@+id/tv_my_account"
+                    app:layout_constraintTop_toTopOf="@+id/tv_my_account" />
+
+                <TextView
+                    android:id="@+id/tv_authentication"
+                    style="@style/me_btn_style"
+                    android:paddingBottom="20dp"
+                    android:text="银行卡"
+                    android:textSize="@dimen/sp_16"
+                    android:visibility="visible"
+                    app:layout_constraintLeft_toLeftOf="parent"
+                    app:layout_constraintTop_toBottomOf="@+id/tv_my_account" />
+
+
+                <TextView
+                    android:id="@+id/tv_bank_card_bind_tip"
+                    android:layout_width="wrap_content"
+                    android:layout_height="18dp"
+                    android:layout_marginEnd="25dp"
+                    android:text="@string/no_bind_bank_card_tip"
+                    android:textColor="@color/color_999999"
+                    android:textSize="@dimen/sp_13"
+                    app:layout_constraintBottom_toBottomOf="@+id/tv_authentication"
+                    app:layout_constraintRight_toRightOf="@+id/tv_authentication"
+                    app:layout_constraintTop_toTopOf="@+id/tv_authentication" />
+
+                <TextView
+                    android:id="@+id/tv_trade_record"
+                    style="@style/me_btn_style"
+                    android:text="交易记录"
+                    android:visibility="visible"
+                    app:layout_constraintLeft_toLeftOf="@+id/tv_authentication"
+                    app:layout_constraintTop_toBottomOf="@+id/tv_authentication" />
+
+                <TextView
+                    android:id="@+id/tv_network_monitoring"
+                    style="@style/me_btn_style"
+                    android:text="网络检测"
+                    android:visibility="visible"
+                    app:layout_constraintLeft_toLeftOf="@+id/tv_authentication"
+                    app:layout_constraintTop_toBottomOf="@+id/tv_trade_record" />
+
+
+                <TextView
+                    android:id="@+id/tv_equipment_testing"
+                    style="@style/me_btn_style"
+                    android:text="设备检测"
+                    android:visibility="visible"
+                    app:layout_constraintLeft_toLeftOf="parent"
+                    app:layout_constraintTop_toBottomOf="@+id/tv_network_monitoring" />
+
+            </androidx.constraintlayout.widget.ConstraintLayout>
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="14dp"
+                android:layout_marginTop="12dp"
+                android:layout_marginEnd="14dp"
+                android:background="@drawable/shape_8dp_white"
+                android:orientation="vertical"
+                android:paddingTop="5dp"
+                android:paddingBottom="5dp"
+                app:layout_constraintTop_toBottomOf="@+id/cs_menu_usually">
+
+                <TextView
+                    android:id="@+id/tv_help"
+                    style="@style/me_btn_style"
+                    android:text="帮助中心"
+                    android:visibility="visible"
+                    app:layout_constraintLeft_toLeftOf="@+id/tv_equipment_testing"
+                    app:layout_constraintTop_toBottomOf="@+id/tv_equipment_testing" />
+
+                <TextView
+                    android:id="@+id/tv_feedback"
+                    style="@style/me_btn_style"
+                    android:text="意见反馈"
+                    android:visibility="visible"
+                    app:layout_constraintLeft_toLeftOf="@+id/tv_help"
+                    app:layout_constraintTop_toBottomOf="@+id/tv_help" />
+
+                <TextView
+                    android:id="@+id/tv_contact_us"
+                    style="@style/me_btn_style"
+                    android:text="联系我们"
+                    android:visibility="visible"
+                    app:layout_constraintLeft_toLeftOf="@+id/tv_help"
+                    app:layout_constraintTop_toBottomOf="@+id/tv_help" />
+
+
+                <TextView
+                    android:id="@+id/tv_customer"
+                    style="@style/me_btn_style"
+                    android:text="在线客服"
+                    android:visibility="gone"
+                    app:layout_constraintLeft_toLeftOf="@+id/tv_help"
+                    app:layout_constraintTop_toBottomOf="@+id/tv_help" />
+
+            </LinearLayout>
+        </androidx.constraintlayout.widget.ConstraintLayout>
+    </ScrollView>
+</androidx.constraintlayout.widget.ConstraintLayout>