Browse Source

修改老师端我的课程视频课列表UI样式

Pq 2 years ago
parent
commit
78839f1671

+ 27 - 16
teacher/src/main/java/com/cooleshow/teacher/adapter/VideoCourseListAdapter.java

@@ -1,6 +1,9 @@
 package com.cooleshow.teacher.adapter;
 
+import android.text.TextUtils;
+import android.view.View;
 import android.widget.ImageView;
+import android.widget.TextView;
 
 import com.chad.library.adapter.base.BaseQuickAdapter;
 import com.chad.library.adapter.base.module.BaseLoadMoreModule;
@@ -10,6 +13,7 @@ import com.cooleshow.base.utils.GlideUtils;
 import com.cooleshow.base.utils.UiUtils;
 import com.cooleshow.teacher.R;
 import com.cooleshow.teacher.bean.VideoCourseListBean;
+import com.cooleshow.teacher.ui.course.MineVideoCourseActivity;
 import com.cooleshow.usercenter.helper.UserHelper;
 
 import androidx.annotation.NonNull;
@@ -24,24 +28,31 @@ public class VideoCourseListAdapter extends BaseQuickAdapter<VideoCourseListBean
     }
 
     @Override
-    protected void convert(@NonNull BaseViewHolder holder, VideoCourseListBean.RowsBean data) {
-        ImageView iv_bg = holder.getView(R.id.iv_bg);
+    protected void convert(@NonNull BaseViewHolder helper, VideoCourseListBean.RowsBean item) {
+        if (item == null) {
+            return;
+        }
+        //声部名称
+        helper.setText(R.id.course_name, item.lessonSubjectName);
         //封面
-        GlideUtils.INSTANCE.loadImage(getContext(), data.lessonCoverUrl, iv_bg, com.cooleshow.base.R.drawable.bg_video_placeholder);
-        //title
-        holder.setText(R.id.tv_title, data.lessonName);
-        //头像
-        ImageView cir_avatar = holder.getView(R.id.cir_avatar);
-        GlideUtils.INSTANCE.loadImage(getContext(), data.avatar, cir_avatar, R.drawable.icon_teacher_default_head);
-        //老师名称
-        holder.setText(R.id.tv_author_name, UserHelper.getTeacherName(data.username, data.teacherId));
+        ImageView im_pic = helper.getView(R.id.im_pic);
+        GlideUtils.INSTANCE.loadTopRoundImage(getContext(), item.lessonCoverUrl, im_pic, 10, com.cooleshow.base.R.drawable.bg_video_placeholder);
+        //课程名称
+        TextView tv_title = helper.getView(R.id.tv_title);
+        tv_title.setText(item.lessonName);
+        //价格
+        TextView tv_price = helper.getView(R.id.tv_price);
+        tv_price.setText(UiUtils.getVideoCoursePriceText2(item.lessonPrice));
+        TextView tv_price_unit = helper.getView(R.id.tv_price_unit);
+        tv_price_unit.setText(String.format("/%d课时", item.lessonCount));
         //购买人数
-        holder.setText(R.id.tv_buy_num, UiUtils.getBuyNumTip(data.lessonPrice, data.countStudent));
-        //声部
-        holder.setText(R.id.course_name, data.lessonSubjectName);
-        //¥120/4课时
-        String price = UiUtils.getVideoCoursePriceText(data.lessonPrice, data.lessonCount);
-        holder.setText(R.id.tv_price, price);
+        TextView tv_buy_num = helper.getView(R.id.tv_buy_num);
+        tv_buy_num.setText(UiUtils.getBuyNumTip(item.lessonPrice, item.countStudent));
+        //上架状态
+        TextView tv_course_status_tip = helper.getView(R.id.tv_course_status_tip);
+        tv_course_status_tip.setText("已上架");
+        tv_course_status_tip.setTextColor(getContext().getResources().getColor(com.cooleshow.base.R.color.color_2dc7aa));
+        tv_course_status_tip.setBackgroundResource(R.drawable.shape_d5fff7_9dp_right);
     }
 
     @NonNull

+ 1 - 1
teacher/src/main/java/com/cooleshow/teacher/ui/course/VideoCourseFragment.java

@@ -123,7 +123,7 @@ public class VideoCourseFragment extends BaseMVPFragment<FragmentVideoCourseLayo
         });
         mAdapter.getLoadMoreModule().setAutoLoadMore(true);
         //当自动加载开启,同时数据不满一屏时,是否继续执行自动加载更多(默认为true)
-        mAdapter.getLoadMoreModule().setEnableLoadMoreIfNotFullPage(false);
+//        mAdapter.getLoadMoreModule().setEnableLoadMoreIfNotFullPage(false);
 
         GridLayoutManager gridLayoutManager = new GridLayoutManager(requireContext(), 2);
         gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {

+ 62 - 72
teacher/src/main/res/layout/item_video_course_list_layout.xml

@@ -4,122 +4,112 @@
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    android:background="@drawable/bg_white_10dp"
-    android:layout_marginTop="12dp">
+    android:layout_marginLeft="6dp"
+    android:layout_marginTop="12dp"
+    android:layout_marginRight="6dp"
+    android:paddingBottom="9dp"
+    android:background="@drawable/bg_white_10dp">
 
-    <com.cooleshow.base.widgets.QMUIRadiusImageView
-        android:id="@+id/iv_bg"
+
+    <ImageView
+        android:id="@+id/im_pic"
         android:layout_width="match_parent"
-        android:layout_height="111dp"
+        android:layout_height="@dimen/dp_95"
         app:layout_constraintLeft_toLeftOf="parent"
         app:layout_constraintTop_toTopOf="parent"
         app:qmui_corner_radius="5dp" />
 
+    <TextView
+        android:id="@+id/tv_course_status_tip"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="9dp"
+        android:background="@drawable/shape_d5fff7_9dp_right"
+        android:gravity="center"
+        android:paddingStart="4dp"
+        android:paddingTop="2dp"
+        android:paddingEnd="7dp"
+        android:paddingBottom="2dp"
+        android:text="已上架"
+        android:textColor="@color/color_2dc7aa"
+        android:textSize="@dimen/sp_10"
+        android:visibility="visible"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toTopOf="@+id/im_pic"
+        tools:visibility="visible" />
 
     <TextView
         android:id="@+id/course_name"
         android:layout_width="wrap_content"
         android:layout_height="@dimen/dp_13"
-        android:layout_marginLeft="@dimen/dp_5"
-        android:layout_marginTop="@dimen/dp_7"
+        android:layout_marginEnd="@dimen/dp_5"
+        android:layout_marginBottom="@dimen/dp_7"
         android:background="@drawable/gray_1_radius_bg"
         android:gravity="center"
         android:paddingLeft="@dimen/dp_4"
         android:paddingRight="@dimen/dp_4"
         android:textColor="@color/white"
         android:textSize="@dimen/sp_9"
-        app:layout_constraintLeft_toLeftOf="@+id/iv_bg"
-        app:layout_constraintTop_toTopOf="@+id/iv_bg" />
-
-<!--    <View-->
-<!--        android:layout_width="match_parent"-->
-<!--        android:layout_height="0dp"-->
-<!--        android:background="@drawable/bg_white_bottom_10dp"-->
-<!--        app:layout_constraintBottom_toBottomOf="@+id/tv_price"-->
-<!--        app:layout_constraintTop_toBottomOf="@+id/iv_bg" />-->
+        app:layout_constraintBottom_toBottomOf="@+id/im_pic"
+        app:layout_constraintRight_toRightOf="@+id/im_pic" />
 
     <TextView
+        android:lines="2"
         android:id="@+id/tv_title"
         android:layout_width="0dp"
         android:layout_height="wrap_content"
-        android:layout_marginTop="6dp"
+        android:layout_marginLeft="11dp"
+        android:layout_marginTop="5dp"
+        android:layout_marginEnd="11dp"
+        android:ellipsize="end"
         android:includeFontPadding="false"
-        android:paddingStart="11dp"
-        android:paddingEnd="11dp"
+        android:maxLines="2"
+        android:text="从零开始学竖笛视频课"
         android:textColor="@color/color_1a1a1a"
         android:textSize="@dimen/sp_14"
-        android:textStyle="bold"
         app:layout_constraintLeft_toLeftOf="parent"
         app:layout_constraintRight_toRightOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/iv_bg"
-        app:layout_constraintVertical_chainStyle="packed"
-        tools:text="张豆豆" />
+        app:layout_constraintTop_toBottomOf="@+id/im_pic" />
 
 
-    <de.hdodenhof.circleimageview.CircleImageView
-        android:id="@+id/cir_avatar"
-        android:layout_width="18dp"
-        android:layout_height="18dp"
-        android:layout_marginStart="11dp"
-        android:layout_marginTop="9dp"
+    <TextView
+        android:id="@+id/tv_price"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginLeft="11dp"
+        android:layout_marginTop="6dp"
+        android:text="¥120"
+        android:textColor="@color/color_ff0000"
+        android:textSize="@dimen/sp_14"
+        android:textStyle="bold"
         app:layout_constraintLeft_toLeftOf="parent"
         app:layout_constraintTop_toBottomOf="@+id/tv_title" />
 
     <TextView
-        android:id="@+id/tv_author_name"
-        android:layout_width="0dp"
+        android:id="@+id/tv_price_unit"
+        android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginStart="5dp"
-        android:includeFontPadding="false"
+        android:layout_marginRight="11dp"
+        android:paddingStart="7dp"
+        android:text="/4课时"
         android:textColor="@color/color_999999"
-        android:textSize="@dimen/sp_12"
-        android:maxLines="1"
-        android:ellipsize="end"
-        app:layout_constraintRight_toLeftOf="@+id/view_line2"
-        app:layout_constraintBottom_toBottomOf="@+id/cir_avatar"
-        app:layout_constraintLeft_toRightOf="@+id/cir_avatar"
-        app:layout_constraintTop_toTopOf="@+id/cir_avatar"
-        tools:text="李老师李老师李老师李老师李老师李老师" />
-
-    <View
-        android:id="@+id/view_line2"
-        android:layout_width="1dp"
-        android:layout_height="11dp"
-        android:layout_marginStart="6dp"
-        android:background="@color/color_d3d3d3"
-        android:visibility="visible"
-        app:layout_constraintRight_toLeftOf="@+id/tv_buy_num"
-        app:layout_constraintBottom_toBottomOf="@+id/tv_author_name"
-        app:layout_constraintLeft_toRightOf="@+id/tv_author_name"
-        app:layout_constraintTop_toTopOf="@+id/tv_author_name" />
+        android:textSize="@dimen/sp_14"
+        app:layout_constraintBaseline_toBaselineOf="@+id/tv_price"
+        app:layout_constraintLeft_toRightOf="@+id/tv_price" />
 
     <TextView
         android:id="@+id/tv_buy_num"
         android:layout_width="0dp"
         android:layout_height="wrap_content"
-        android:layout_marginStart="6dp"
+        android:layout_marginLeft="11dp"
+        android:layout_marginTop="5dp"
         android:includeFontPadding="false"
+        android:text="0人已购买"
         android:textColor="@color/color_ff802c"
         android:textSize="@dimen/sp_11"
         android:visibility="visible"
-        android:paddingEnd="5dp"
-        app:layout_constraintRight_toRightOf="parent"
-        app:layout_constraintBottom_toBottomOf="@+id/view_line2"
-        app:layout_constraintLeft_toRightOf="@+id/view_line2"
-        app:layout_constraintTop_toTopOf="@+id/view_line2"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/tv_price"
         tools:text="6人已购买" />
 
-    <TextView
-        android:id="@+id/tv_price"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginTop="3dp"
-        android:paddingBottom="12dp"
-        android:textColor="@color/color_2dc7aa"
-        android:textSize="@dimen/sp_14"
-        android:textStyle="bold"
-        app:layout_constraintLeft_toLeftOf="@+id/cir_avatar"
-        app:layout_constraintTop_toBottomOf="@+id/cir_avatar"
-        tools:text="¥120/4课时" />
-
 </androidx.constraintlayout.widget.ConstraintLayout>