增加老师端首页ui

BaseLibrary/src/main/java/com/cooleshow/base/utils/Utils.java

@@ -3,6 +3,7 @@ package com.cooleshow.base.utils;
 import android.annotation.SuppressLint;
 import android.app.Activity;
 import android.app.Application;
+import android.content.Context;
 import android.graphics.drawable.Drawable;
 import android.text.Spannable;
 import android.text.SpannableString;
@@ -10,6 +11,10 @@ import android.text.Spanned;
 import android.text.style.ForegroundColorSpan;
 import android.text.style.ImageSpan;
 import android.util.Log;
+import android.view.View;
+import android.view.ViewGroup;
+
+import com.cooleshow.base.utils.helper.QMUIDisplayHelper;
 
 import androidx.annotation.NonNull;
 import androidx.lifecycle.Lifecycle;
@@ -159,4 +164,11 @@ public final class Utils {
         }
         return result;
     }
+
+    public static void setHeadView(View view, Context context, int height) {
+        int statusBarHeight = QMUIDisplayHelper.getStatusBarHeight(context);
+        ViewGroup.LayoutParams layoutParams = view.getLayoutParams();
+        layoutParams.height = statusBarHeight + SizeUtils.dp2px(height);
+        view.setLayoutParams(layoutParams);
+    }
 }

BaseLibrary/src/main/res/drawable/shape_red_point.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+    <solid android:color="@color/color_f85043"/>
+</shape>

BaseLibrary/src/main/res/values/colors.xml

@@ -51,4 +51,5 @@
     <color name="colorPrimaryStudent">#01C1B5</color>
     <color name="color_ff802c">#FF802C</color>
     <color name="black_333">#494757</color>
+    <color name="color_f85043">#F85043</color>
 </resources>

teacher/src/main/java/com/cooleshow/teacher/ui/main/HomeFragment.kt

@@ -2,8 +2,10 @@ package com.cooleshow.teacher.ui.main
 
 import android.view.View
 import com.alibaba.android.arouter.launcher.ARouter
+import com.cooleshow.base.ext.setVisible
 import com.cooleshow.base.router.RouterPath
 import com.cooleshow.base.ui.fragment.BaseMVPFragment
+import com.cooleshow.base.utils.Utils
 import com.cooleshow.teacher.R
 import com.cooleshow.teacher.contract.HomeContract
 import com.cooleshow.teacher.databinding.FragmentHomeLayoutBinding
@@ -16,18 +18,18 @@ import com.cooleshow.usercenter.helper.UserHelper
  * Author by pq, Date on 2022/4/20.
  */
 class HomeFragment : BaseMVPFragment<FragmentHomeLayoutBinding, HomePresenter>(),
-    HomeContract.HomeView {
+    HomeContract.HomeView, View.OnClickListener {
     override fun getLayoutView(): FragmentHomeLayoutBinding {
         return FragmentHomeLayoutBinding.inflate(layoutInflater)
     }
 
     override fun initView(rootView: View?) {
+        Utils.setHeadView(mViewBinding.viewStatusBar, requireContext(), 0)
     }
 
     override fun initData() {
-        mViewBinding.btMineCourse.setOnClickListener {
-            ARouter.getInstance().build(RouterPath.CourseCenter.TEACHER_MINE_COURSE).navigation()
-        }
+        mViewBinding.cardMineCourse.setOnClickListener(this)
+        mViewBinding.ivUnCertificationTip.setOnClickListener(this)
     }
 
     override fun createPresenter(): HomePresenter {
@@ -44,4 +46,18 @@ class HomeFragment : BaseMVPFragment<FragmentHomeLayoutBinding, HomePresenter>()
         UserHelper.saveUserInfo(userInfo)
     }
 
+    override fun onClick(v: View?) {
+        when (v?.id) {
+            R.id.iv_un_certification_tip -> {
+                //关闭认证提示
+                mViewBinding.ivUnCertificationTip.setVisible(false);
+            }
+            R.id.card_mine_course -> {
+                //我的课程
+                ARouter.getInstance().build(RouterPath.CourseCenter.TEACHER_MINE_COURSE)
+                    .navigation()
+            }
+        }
+    }
+
 }

teacher/src/main/res/drawable/home_rating_bar.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item
+        android:id="@android:id/background"
+        android:drawable="@drawable/icon_star_default"/>
+    <item
+        android:id="@android:id/progress"
+        android:drawable="@drawable/icon_star_select"/>
+</layer-list>

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

@@ -1,26 +1,448 @@
 <?xml version="1.0" encoding="utf-8"?>
 <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent">
 
-    <TextView
-        android:id="@+id/tv_home"
+    <ImageView
+        android:id="@+id/iv_header_bg"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:adjustViewBounds="true"
+        android:scaleType="fitXY"
+        android:src="@drawable/bg_login_header"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <View
+        android:id="@+id/view_status_bar"
+        android:layout_width="match_parent"
+        android:layout_height="1px"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <ImageView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="74dp"
+        android:src="@drawable/bg_home_header2"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/view_status_bar" />
+
+    <ImageView
+        android:id="@+id/iv_app_name"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:text="首页"
-        app:layout_constraintBottom_toBottomOf="parent"
+        android:layout_marginStart="14dp"
+        android:layout_marginTop="25dp"
+        android:src="@drawable/icon_app_name_word"
         app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/view_status_bar" />
+
+    <ImageView
+        android:id="@+id/iv_chat"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="34dp"
+        android:layout_marginEnd="20dp"
+        android:src="@drawable/icon_home_chat"
         app:layout_constraintRight_toRightOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
+        app:layout_constraintTop_toBottomOf="@+id/view_status_bar" />
+
+    <View
+        android:id="@+id/view_chat_red_point"
+        android:layout_width="6dp"
+        android:layout_height="6dp"
+        android:background="@drawable/shape_red_point"
+        android:visibility="gone"
+        app:layout_constraintRight_toRightOf="@+id/iv_chat"
+        app:layout_constraintTop_toTopOf="@+id/iv_chat" />
 
-    <Button
-        android:id="@+id/bt_mine_course"
-        android:layout_width="100dp"
-        android:layout_height="50dp"
-        android:text="我的课堂"
-        app:layout_constraintBottom_toBottomOf="parent"
+    <de.hdodenhof.circleimageview.CircleImageView
+        android:src="@drawable/icon_teacher_default_head"
+        android:id="@+id/iv_avatar"
+        android:layout_width="52dp"
+        android:layout_height="52dp"
+        android:layout_marginTop="37dp"
+        app:layout_constraintLeft_toLeftOf="@+id/iv_app_name"
+        app:layout_constraintTop_toBottomOf="@+id/iv_app_name" />
+
+    <TextView
+        android:id="@+id/tv_nickname"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="10dp"
+        android:layout_marginBottom="10dp"
+        android:includeFontPadding="false"
+        android:textColor="@color/color_1a1a1a"
+        android:textSize="@dimen/sp_18"
+        app:layout_constraintBottom_toTopOf="@+id/rating_bar"
+        app:layout_constraintLeft_toRightOf="@+id/iv_avatar"
+        app:layout_constraintTop_toTopOf="@+id/iv_avatar"
+        app:layout_constraintVertical_chainStyle="packed"
+        android:text="游客12e32td"
+        tools:text="游客12e32td" />
+
+    <RatingBar
+        android:id="@+id/rating_bar"
+        style="@style/HomeRatingBar"
+        android:layout_width="wrap_content"
+        android:layout_height="19dp"
+        android:numStars="5"
+        android:rating="3"
+        android:stepSize="1"
+        app:layout_constraintBottom_toBottomOf="@+id/iv_avatar"
+        app:layout_constraintLeft_toLeftOf="@+id/tv_nickname"
+        app:layout_constraintTop_toBottomOf="@+id/tv_nickname" />
+
+    <ImageView
+        android:id="@+id/iv_certification_status"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="5dp"
+        android:src="@drawable/icon_home_un_certification"
         app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/rating_bar" />
+
+    <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_marginStart="6dp"
+        android:src="@drawable/icon_home_certification_tip"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/certification_tip_help_view" />
+
+    <LinearLayout
+        android:id="@+id/bg_announcement"
+        android:layout_width="match_parent"
+        android:layout_height="44dp"
+        android:layout_marginStart="14dp"
+        android:layout_marginTop="91dp"
+        android:layout_marginEnd="14dp"
+        android:background="@drawable/bg_white_10dp"
+        android:elevation="2dp"
+        android:gravity="center_vertical"
+        android:orientation="horizontal"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/iv_avatar">
+
+        <ImageView
+            android:id="@+id/iv_bell"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="10dp"
+            android:src="@drawable/icon_home_bell"
+            app:layout_constraintBottom_toBottomOf="@+id/bg_announcement"
+            app:layout_constraintLeft_toLeftOf="@+id/bg_announcement"
+            app:layout_constraintTop_toTopOf="@+id/bg_announcement" />
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="2dp"
+            android:includeFontPadding="false"
+            android:text="网络教室升级公告"
+            android:textColor="@color/color_1a1a1a"
+            android:textSize="@dimen/sp_14"
+            app:layout_constraintBottom_toBottomOf="@+id/iv_bell"
+            app:layout_constraintLeft_toRightOf="@+id/iv_bell"
+            app:layout_constraintTop_toTopOf="@+id/iv_bell" />
+
+    </LinearLayout>
+
+    <androidx.cardview.widget.CardView
+        android:id="@+id/card_mine_course"
+        android:layout_width="0dp"
+        android:layout_height="105dp"
+        android:layout_marginStart="14dp"
+        android:layout_marginTop="12dp"
+        android:layout_marginEnd="5dp"
+        app:cardBackgroundColor="@color/white"
+        app:cardCornerRadius="10dp"
+        app:cardElevation="2dp"
+        app:cardUseCompatPadding="false"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toLeftOf="@+id/card_after_class_homework"
+        app:layout_constraintTop_toBottomOf="@+id/bg_announcement">
+
+        <ImageView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center_vertical|end"
+            android:src="@drawable/icon_home_mine_course" />
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="18dp"
+            android:layout_marginTop="18dp"
+            android:orientation="vertical"
+            android:paddingEnd="18dp">
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:includeFontPadding="false"
+                android:text="@string/home_mine_course_str"
+                android:textColor="@color/color_1a1a1a"
+                android:textSize="@dimen/sp_16"
+                android:textStyle="bold" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="3dp"
+                android:includeFontPadding="false"
+                android:text="本周剩余\n0课时"
+                android:textColor="@color/color_999999"
+                android:textSize="@dimen/sp_12" />
+        </LinearLayout>
+    </androidx.cardview.widget.CardView>
+
+
+    <androidx.cardview.widget.CardView
+        android:id="@+id/card_after_class_homework"
+        android:layout_width="0dp"
+        android:layout_height="105dp"
+        android:layout_marginStart="5dp"
+        android:layout_marginEnd="14dp"
+        app:cardBackgroundColor="@color/white"
+        app:cardCornerRadius="10dp"
+        app:cardElevation="2dp"
+        app:cardUseCompatPadding="false"
+        app:layout_constraintLeft_toRightOf="@+id/card_mine_course"
         app:layout_constraintRight_toRightOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
+        app:layout_constraintTop_toTopOf="@+id/card_mine_course">
+
+        <ImageView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center_vertical|end"
+            android:src="@drawable/icon_home_homework" />
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="18dp"
+            android:layout_marginTop="18dp"
+            android:orientation="vertical"
+            android:paddingEnd="18dp">
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:includeFontPadding="false"
+                android:text="课后作业"
+                android:textColor="@color/color_1a1a1a"
+                android:textSize="@dimen/sp_16"
+                android:textStyle="bold" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="3dp"
+                android:includeFontPadding="false"
+                android:text="本周共0节课\n未布置作业"
+                android:textColor="@color/color_999999"
+                android:textSize="@dimen/sp_12" />
+        </LinearLayout>
+    </androidx.cardview.widget.CardView>
+
+    <androidx.cardview.widget.CardView
+        android:id="@+id/card_after_class_assess"
+        android:layout_width="0dp"
+        android:layout_height="105dp"
+        android:layout_marginTop="12dp"
+        app:cardBackgroundColor="@color/white"
+        app:cardCornerRadius="10dp"
+        app:cardElevation="2dp"
+        app:cardUseCompatPadding="false"
+        app:layout_constraintLeft_toLeftOf="@+id/card_mine_course"
+        app:layout_constraintRight_toRightOf="@+id/card_mine_course"
+        app:layout_constraintTop_toBottomOf="@+id/card_mine_course">
+
+        <ImageView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center_vertical|end"
+            android:src="@drawable/icon_home_appraisal" />
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="18dp"
+            android:layout_marginTop="18dp"
+            android:orientation="vertical"
+            android:paddingEnd="18dp">
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:includeFontPadding="false"
+                android:text="课后评价"
+                android:textColor="@color/color_1a1a1a"
+                android:textSize="@dimen/sp_16"
+                android:textStyle="bold" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="3dp"
+                android:includeFontPadding="false"
+                android:text="剩余0节\n尚未评价"
+                android:textColor="@color/color_999999"
+                android:textSize="@dimen/sp_12" />
+        </LinearLayout>
+    </androidx.cardview.widget.CardView>
+
+    <androidx.cardview.widget.CardView
+        android:id="@+id/card_mine_music_sheet"
+        android:layout_width="0dp"
+        android:layout_height="105dp"
+        android:layout_marginTop="12dp"
+        app:cardBackgroundColor="@color/white"
+        app:cardCornerRadius="10dp"
+        app:cardElevation="2dp"
+        app:cardUseCompatPadding="false"
+        app:layout_constraintLeft_toLeftOf="@+id/card_after_class_homework"
+        app:layout_constraintRight_toRightOf="@+id/card_after_class_homework"
+        app:layout_constraintTop_toBottomOf="@+id/card_after_class_homework">
+
+        <ImageView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center_vertical|end"
+            android:src="@drawable/icon_home_sheet_music" />
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="18dp"
+            android:layout_marginTop="18dp"
+            android:orientation="vertical"
+            android:paddingEnd="18dp">
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:includeFontPadding="false"
+                android:text="我的乐谱"
+                android:textColor="@color/color_1a1a1a"
+                android:textSize="@dimen/sp_16"
+                android:textStyle="bold" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="3dp"
+                android:includeFontPadding="false"
+                android:text="共 0 支\n乐谱"
+                android:textColor="@color/color_999999"
+                android:textSize="@dimen/sp_12" />
+        </LinearLayout>
+    </androidx.cardview.widget.CardView>
+
+
+    <androidx.cardview.widget.CardView
+        android:id="@+id/card_mine_assess"
+        android:layout_width="0dp"
+        android:layout_height="105dp"
+        android:layout_marginTop="12dp"
+        app:cardBackgroundColor="@color/white"
+        app:cardCornerRadius="10dp"
+        app:cardElevation="2dp"
+        app:cardUseCompatPadding="false"
+        app:layout_constraintLeft_toLeftOf="@+id/card_mine_course"
+        app:layout_constraintRight_toRightOf="@+id/card_mine_course"
+        app:layout_constraintTop_toBottomOf="@+id/card_after_class_assess">
+
+        <ImageView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center_vertical|end"
+            android:src="@drawable/icon_home_receive_appraisal" />
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="18dp"
+            android:layout_marginTop="18dp"
+            android:orientation="vertical"
+            android:paddingEnd="18dp">
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:includeFontPadding="false"
+                android:text="我收到的评价"
+                android:textColor="@color/color_1a1a1a"
+                android:textSize="@dimen/sp_16"
+                android:textStyle="bold" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="3dp"
+                android:includeFontPadding="false"
+                android:text="本周收到\n0 个评价"
+                android:textColor="@color/color_999999"
+                android:textSize="@dimen/sp_12" />
+        </LinearLayout>
+    </androidx.cardview.widget.CardView>
+
+    <androidx.cardview.widget.CardView
+        android:id="@+id/card_mine_income"
+        android:layout_width="0dp"
+        android:layout_height="105dp"
+        android:layout_marginTop="12dp"
+        app:cardBackgroundColor="@color/white"
+        app:cardCornerRadius="10dp"
+        app:cardElevation="2dp"
+        app:cardUseCompatPadding="false"
+        app:layout_constraintLeft_toLeftOf="@+id/card_after_class_homework"
+        app:layout_constraintRight_toRightOf="@+id/card_after_class_homework"
+        app:layout_constraintTop_toBottomOf="@+id/card_mine_music_sheet">
+
+        <ImageView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center_vertical|end"
+            android:src="@drawable/icon_home_mine_income" />
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="18dp"
+            android:layout_marginTop="18dp"
+            android:orientation="vertical"
+            android:paddingEnd="18dp">
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:includeFontPadding="false"
+                android:text="我的收入"
+                android:textColor="@color/color_1a1a1a"
+                android:textSize="@dimen/sp_16"
+                android:textStyle="bold" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="3dp"
+                android:includeFontPadding="false"
+                android:text="本月收入\n0.00 元"
+                android:textColor="@color/color_999999"
+                android:textSize="@dimen/sp_12" />
+        </LinearLayout>
+    </androidx.cardview.widget.CardView>
 </androidx.constraintlayout.widget.ConstraintLayout>

teacher/src/main/res/values/strings.xml

@@ -6,4 +6,5 @@
     <string name="menu_mall">商城</string>
     <string name="menu_mine">我的</string>
     <string name="pay_count_str">%1$s人已购买</string>
+    <string name="home_mine_course_str">我的课程</string>
 </resources>

teacher/src/main/res/values/styles.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <style name="HomeRatingBar" parent="@android:style/Widget.RatingBar">
+        <item name="android:progressDrawable">@drawable/home_rating_bar</item>
+    </style>
+</resources>