浏览代码

修改老师端我的直播课列表样式

Pq 7 月之前
父节点
当前提交
e8478919b0

+ 6 - 3
teacher/src/main/java/com/cooleshow/teacher/adapter/MineLiveCourseAdapter.java

@@ -40,6 +40,9 @@ public class MineLiveCourseAdapter extends BaseQuickAdapter<MineLiveCourseListBe
         if (item == null) {
             return;
         }
+        String timeStr = TextUtils.isEmpty(item.courseStartTime) ? "" : TimeUtils.date2String(TimeUtils.string2Date(item.courseStartTime), "yyyy-MM-dd HH:mm");
+        //时间
+        helper.setText(R.id.tv_time, "开课时间:" + timeStr);
         //课程封面
         ImageView im_pic = helper.getView(R.id.im_pic);
         GlideUtils.INSTANCE.loadImage(getContext(), item.backgroundPic, im_pic);
@@ -47,10 +50,10 @@ public class MineLiveCourseAdapter extends BaseQuickAdapter<MineLiveCourseListBe
         TextView tv_course_name = helper.getView(R.id.tv_course_name);
         tv_course_name.setText(item.courseGroupName);
         //学生购买人数
-        TextView tv_student_count = helper.getView(R.id.tv_student_count);
+        TextView tv_student_count = helper.getView(R.id.tv_buy_num);
         tv_student_count.setText(UiUtils.getBuyNumTip(item.coursePrice, item.studentCount));
         if (TextUtils.equals(type, MineLiveCourseActivity.TYPE_NOT_SALE)) {
-            tv_student_count.setVisibility(View.GONE);
+            tv_student_count.setVisibility(View.INVISIBLE);
         } else {
             tv_student_count.setVisibility(View.VISIBLE);
         }
@@ -63,7 +66,7 @@ public class MineLiveCourseAdapter extends BaseQuickAdapter<MineLiveCourseListBe
         TextView tv_price_unit = helper.getView(R.id.tv_price_unit);
         tv_price_unit.setText(String.format("/%d课时", item.courseNum));
         //声部
-        helper.setText(R.id.subject_name, item.subjectName);
+        helper.setText(R.id.tv_course_name, item.subjectName);
 
         TextView tv_course_status_tip = helper.getView(R.id.tv_course_status_tip);
         if (TextUtils.equals(type, MineLiveCourseActivity.TYPE_ING)) {

+ 108 - 102
teacher/src/main/res/layout/layout_mine_live_course_item.xml

@@ -4,153 +4,159 @@
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    android:layout_marginLeft="14dp"
-    android:layout_marginTop="12dp"
-    android:layout_marginRight="14dp"
-    android:background="@drawable/bg_white_10dp">
+    android:layout_marginBottom="12dp"
+    android:background="@drawable/bg_white_6dp"
+    android:paddingStart="12dp"
+    android:paddingEnd="12dp"
+    android:paddingBottom="14dp">
 
     <TextView
-        android:textStyle="bold"
-        android:id="@+id/tv_status_title"
+        android:drawableStart="@drawable/icon_live_course_time_tag"
+        android:id="@+id/tv_time"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginStart="14dp"
         android:layout_marginTop="9dp"
-        android:text="课程状态"
+        android:includeFontPadding="false"
         android:textColor="@color/color_333333"
+        android:textSize="@dimen/sp_14"
+        android:textStyle="bold"
+        android:drawablePadding="6dp"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:text="开课时间:2024-11-16 09:30" />
+
+    <com.cooleshow.base.widgets.QMUIRadiusImageView
+        android:id="@+id/iv_bg"
+        android:layout_width="0dp"
+        app:layout_constraintDimensionRatio="h,16:9"
+        app:layout_constraintRight_toRightOf="parent"
+        android:layout_height="0dp"
+        android:layout_marginTop="11dp"
         app:layout_constraintLeft_toLeftOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
+        app:layout_constraintTop_toBottomOf="@+id/tv_time"
+        app:qmui_corner_radius="6dp" />
+
+    <TextView
+        android:id="@+id/tv_course_name"
+        android:layout_width="wrap_content"
+        android:layout_height="@dimen/dp_19"
+        android:layout_marginTop="8dp"
+        android:layout_marginStart="@dimen/dp_8"
+        android:background="@drawable/shape_66000000_3dp"
+        android:gravity="center"
+        android:includeFontPadding="false"
+        android:paddingStart="@dimen/dp_6"
+        android:paddingEnd="@dimen/dp_6"
+        android:textColor="@color/white"
+        android:textSize="@dimen/sp_12"
+        app:layout_constraintTop_toTopOf="@+id/iv_bg"
+        app:layout_constraintLeft_toLeftOf="@+id/iv_bg"
+        tools:text="单簧管" />
 
     <TextView
         android:id="@+id/tv_course_status_tip"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginTop="7dp"
-        android:background="@drawable/shape_ffeee3_15dp_left"
+        android:background="@drawable/shape_ffe7e7_15dp_left"
         android:gravity="center"
         android:paddingStart="12dp"
         android:paddingTop="3dp"
         android:paddingEnd="12dp"
         android:paddingBottom="3dp"
-        android:text="未上架"
-        android:textColor="@color/color_ff4e19"
+        android:text="销售中"
+        android:textColor="@color/color_ff1919"
         android:textSize="@dimen/sp_10"
-        app:layout_constraintRight_toRightOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
+        app:layout_constraintBottom_toBottomOf="@+id/tv_course_name"
+        app:layout_constraintRight_toRightOf="@+id/iv_bg"
+        app:layout_constraintTop_toTopOf="@+id/tv_course_name" />
 
-    <com.cooleshow.base.widgets.QMUIRadiusImageView
-        android:id="@+id/im_pic"
-        android:layout_width="@dimen/dp_105"
-        android:layout_height="@dimen/dp_71"
-        android:layout_marginLeft="14dp"
-        android:layout_marginTop="11dp"
-        app:layout_constraintLeft_toLeftOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/tv_status_title"
-        app:qmui_corner_radius="5dp" />
 
     <TextView
-        android:id="@+id/subject_name"
-        android:layout_width="wrap_content"
-        android:layout_height="@dimen/dp_13"
-        android:layout_marginStart="@dimen/dp_3"
-        android:layout_marginBottom="@dimen/dp_4"
-        android:background="@drawable/gray_1_radius_bg"
-        android:gravity="center"
+        android:id="@+id/tv_title"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:ellipsize="end"
         android:includeFontPadding="false"
-        android:paddingStart="@dimen/dp_3"
-        android:paddingEnd="@dimen/dp_3"
-        android:textColor="@color/white"
-        android:textSize="@dimen/sp_9"
-        app:layout_constraintBottom_toBottomOf="@+id/im_pic"
-        app:layout_constraintLeft_toLeftOf="@+id/im_pic"
-        tools:text="单簧管" />
+        android:maxLines="1"
+        android:textColor="@color/color_1a1a1a"
+        android:textSize="@dimen/sp_16"
+        android:textStyle="bold"
+        android:layout_marginTop="8dp"
+        app:layout_constraintLeft_toLeftOf="@+id/iv_bg"
+        app:layout_constraintRight_toRightOf="@+id/iv_bg"
+        app:layout_constraintTop_toBottomOf="@+id/iv_bg"
+        app:layout_constraintVertical_chainStyle="packed"
+        tools:text="张豆张豆豆豆" />
 
     <TextView
-        android:id="@+id/tv_course_name"
+        android:id="@+id/tv_des"
         android:layout_width="0dp"
         android:layout_height="wrap_content"
-        android:layout_marginLeft="12dp"
-        android:layout_marginEnd="14dp"
         android:ellipsize="end"
-        android:maxLines="2"
-        android:text="从零开始学竖笛直播课"
-        android:textColor="@color/color_1a1a1a"
-        android:textSize="@dimen/sp_15"
-        app:layout_constraintLeft_toRightOf="@+id/im_pic"
-        app:layout_constraintRight_toRightOf="parent"
-        app:layout_constraintTop_toTopOf="@+id/im_pic" />
+        android:includeFontPadding="false"
+        android:maxLines="1"
+        android:textColor="@color/color_777777"
+        android:textSize="@dimen/sp_14"
+        android:layout_marginTop="4dp"
+        app:layout_constraintLeft_toLeftOf="@+id/iv_bg"
+        app:layout_constraintRight_toRightOf="@+id/iv_bg"
+        app:layout_constraintTop_toBottomOf="@+id/tv_title"
+        tools:text="国际著名长笛演奏家、教育家子珊女士为您讲教育家子珊女士为您讲教育家子珊女士为您讲" />
+
+    <TextView
+        android:id="@+id/tv_buy_num"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="11dp"
+        android:background="@drawable/shape_12ff802c_2dp"
+        android:textColor="@color/color_ff6827"
+        android:textSize="@dimen/sp_12"
+        android:visibility="visible"
+        android:paddingStart="4dp"
+        android:paddingEnd="4dp"
+        android:paddingTop="3dp"
+        android:paddingBottom="3dp"
+        android:includeFontPadding="false"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/tv_des"
+        tools:text="6人已购买" />
+
 
     <TextView
         android:id="@+id/tv_price"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginRight="11dp"
-        android:paddingStart="14dp"
         android:text="¥120"
-        android:textColor="@color/color_ff0000"
-        android:textSize="@dimen/sp_15"
+        android:textColor="@color/color_f44541"
+        android:textSize="@dimen/sp_20"
         android:textStyle="bold"
-        app:layout_constraintBottom_toBottomOf="@+id/im_pic"
-        app:layout_constraintLeft_toRightOf="@+id/im_pic" />
+        android:includeFontPadding="false"
+        app:layout_constraintTop_toTopOf="@+id/tv_buy_num"
+        app:layout_constraintBottom_toBottomOf="@+id/tv_buy_num"
+        app:layout_constraintRight_toLeftOf="@+id/tv_price_unit" />
 
     <TextView
+        android:includeFontPadding="false"
         android:id="@+id/tv_price_unit"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginRight="11dp"
-        android:paddingStart="7dp"
+        android:paddingStart="2dp"
         android:text="/4课时"
         android:textColor="@color/color_999999"
-        android:textSize="@dimen/sp_14"
-        app:layout_constraintBaseline_toBaselineOf="@+id/tv_price"
-        app:layout_constraintLeft_toRightOf="@+id/tv_price" />
-
+        android:textSize="@dimen/sp_12"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintBaseline_toBaselineOf="@+id/tv_price" />
 
-    <TextView
-        android:id="@+id/tv_student_count"
+    <ImageView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginLeft="8dp"
-        android:layout_marginEnd="14dp"
-        android:text="6人已购买"
-        android:textColor="@color/color_ff802c"
-        android:textSize="@dimen/sp_13"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintRight_toRightOf="parent"
-        app:layout_constraintTop_toTopOf="@+id/view_line1" />
-
-    <View
-        android:id="@+id/view_line1"
-        android:layout_width="match_parent"
-        android:layout_height="1dp"
-        android:layout_marginLeft="10dp"
-        android:layout_marginTop="15dp"
-        android:layout_marginRight="9dp"
-        android:background="@color/color_f2f2f2"
-        app:layout_constraintTop_toBottomOf="@+id/im_pic" />
+        android:layout_marginStart="5dp"
+        android:src="@drawable/icon_chat_small"
+        android:visibility="gone"
+        app:layout_constraintBottom_toBottomOf="@+id/tv_title"
+        app:layout_constraintLeft_toRightOf="@+id/tv_title"
+        app:layout_constraintTop_toTopOf="@+id/tv_title" />
 
 
-    <ImageView
-        android:id="@+id/im_date"
-        android:layout_width="@dimen/dp_16"
-        android:layout_height="@dimen/dp_16"
-        android:layout_marginTop="10dp"
-        android:background="@drawable/icon_live_date_item"
-        android:visibility="gone"
-        app:layout_constraintLeft_toLeftOf="@+id/im_pic"
-        app:layout_constraintTop_toBottomOf="@+id/view_line1" />
 
-    <TextView
-        android:layout_marginBottom="10dp"
-        android:layout_marginTop="10dp"
-        android:id="@+id/tv_date"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginLeft="14dp"
-        android:text="2021/09/17 14:00~14:25"
-        android:textColor="@color/color_666666"
-        android:textSize="@dimen/sp_13"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintLeft_toRightOf="@+id/im_date"
-        app:layout_constraintTop_toBottomOf="@+id/view_line1" />
 </androidx.constraintlayout.widget.ConstraintLayout>