Browse Source

修改老师端我的曲谱页面UI

Pq 3 years ago
parent
commit
42e0ba63c7

BIN
BaseLibrary/src/main/res/drawable-xhdpi/icon_arrow_right_small_blue.png


BIN
BaseLibrary/src/main/res/drawable-xhdpi/icon_arrow_right_small_green.png


BIN
BaseLibrary/src/main/res/drawable-xhdpi/icon_arrow_right_small_red.png


BIN
BaseLibrary/src/main/res/drawable-xxhdpi/icon_arrow_right_small_blue.png


BIN
BaseLibrary/src/main/res/drawable-xxhdpi/icon_arrow_right_small_green.png


BIN
BaseLibrary/src/main/res/drawable-xxhdpi/icon_arrow_right_small_red.png


+ 1 - 0
BaseLibrary/src/main/res/values/colors.xml

@@ -131,6 +131,7 @@
     <color name="color_f0f0f0">#f0f0f0</color>
     <color name="color_ff7938">#ff7938</color>
     <color name="color_e8fffb">#e8fffb</color>
+    <color name="color_008ae0">#008AE0</color>
 
     <color name="color_25292e">#25292E</color>
     <color name="color_F8F8F8">#F8F8F8</color>

+ 102 - 29
teacher/src/main/java/com/cooleshow/teacher/adapter/MineScoreAdapter.java

@@ -4,10 +4,13 @@ import android.text.TextUtils;
 import android.util.Log;
 import android.view.LayoutInflater;
 import android.view.View;
+import android.view.ViewGroup;
 import android.widget.ImageView;
+import android.widget.LinearLayout;
 import android.widget.TextView;
 
 import androidx.annotation.NonNull;
+import androidx.constraintlayout.widget.ConstraintLayout;
 import androidx.recyclerview.widget.LinearLayoutManager;
 import androidx.recyclerview.widget.RecyclerView;
 
@@ -17,6 +20,7 @@ import com.chad.library.adapter.base.module.BaseLoadMoreModule;
 import com.chad.library.adapter.base.module.LoadMoreModule;
 import com.chad.library.adapter.base.viewholder.BaseViewHolder;
 import com.cooleshow.base.utils.GlideUtils;
+import com.cooleshow.base.utils.SizeUtils;
 import com.cooleshow.teacher.R;
 import com.cooleshow.teacher.bean.MineLiveCourseListBean;
 import com.cooleshow.teacher.bean.MusicSheetListBean;
@@ -37,68 +41,137 @@ public class MineScoreAdapter extends BaseQuickAdapter<MusicSheetListBean.RowsBe
     public MineScoreAdapter(String auditStatus) {
         super(R.layout.layout_mine_score_item);
         this.scoreStatus = auditStatus;
-        addChildClickViewIds(R.id.tv_take_down);
+        if (TextUtils.equals(scoreStatus, MineScoreActivity.TYPE_PASS)) {
+            addChildClickViewIds(R.id.tv_status_tip);
+        }
     }
 
 
     @Override
     protected void convert(BaseViewHolder helper, MusicSheetListBean.RowsBean item) {
-        TextView tv_name = helper.getView(R.id.tv_name);
-        TextView tv_author_name = helper.getView(R.id.tv_author_name);
-        ImageView im_state = helper.getView(R.id.im_state);
-        ImageView im_header = helper.getView(R.id.im_header);
-        TextView tv_teacher_name = helper.getView(R.id.tv_teacher_name);
-        RecyclerView rv_mark = helper.getView(R.id.rv_mark);
         ImageView im_music_mark = helper.getView(R.id.im_music_mark);
-        TextView tv_take_down = helper.getView(R.id.tv_take_down);
+        TextView mTvTag = helper.getView(R.id.tv_tag);
+        TextView tv_name = helper.getView(R.id.tv_name);
+        TextView tv_author_name = helper.getView(R.id.tv_author);
+        TextView tv_upload_author = helper.getView(R.id.tv_upload_author);
+
+        LinearLayout ll_music_subject = helper.getView(R.id.ll_music_subject);
+
+        if (TextUtils.equals(scoreStatus, MineScoreActivity.TYPE_BUY)) {
+            //作者
+            tv_author_name.setText(String.format("-%s", item.composer));
+            //上传人
+            tv_upload_author.setText(String.format("上传者:%s", item.addName));
+        } else {
+            //作者
+            tv_author_name.setText("");
+            //上传人
+            tv_upload_author.setText(String.format("作曲:%s", item.composer));
+        }
+        TextView tv_status_tip = helper.getView(R.id.tv_status_tip);
         if (TextUtils.equals(scoreStatus, MineScoreActivity.TYPE_PASS)) {
-            tv_take_down.setVisibility(View.VISIBLE);
+            tv_status_tip.setText("下架");
+            tv_status_tip.setTextColor(getContext().getResources().getColor(com.cooleshow.base.R.color.color_008ae0));
+            tv_status_tip.setVisibility(View.VISIBLE);
+            im_music_mark.setVisibility(View.GONE);
+            tv_status_tip.setCompoundDrawablesWithIntrinsicBounds(null, null, getContext().getResources().getDrawable(com.cooleshow.base.R.drawable.icon_arrow_right_small_blue), null);
+        } else if (TextUtils.equals(scoreStatus, MineScoreActivity.TYPE_DOING)) {
+            tv_status_tip.setText("审核中");
+            tv_status_tip.setTextColor(getContext().getResources().getColor(com.cooleshow.base.R.color.color_2dc7aa));
+            tv_status_tip.setVisibility(View.VISIBLE);
+            im_music_mark.setVisibility(View.GONE);
+            tv_status_tip.setCompoundDrawablesWithIntrinsicBounds(null, null, null, null);
+        } else if (TextUtils.equals(scoreStatus, MineScoreActivity.TYPE_UNPASS)) {
+            tv_status_tip.setText("修改");
+            tv_status_tip.setTextColor(getContext().getResources().getColor(com.cooleshow.base.R.color.color_ff4e19));
+            tv_status_tip.setVisibility(View.VISIBLE);
+            im_music_mark.setVisibility(View.GONE);
+            tv_status_tip.setCompoundDrawablesWithIntrinsicBounds(null, null, getContext().getResources().getDrawable(com.cooleshow.base.R.drawable.icon_arrow_right_small_red), null);
+        } else if (TextUtils.equals(scoreStatus, MineScoreActivity.TYPE_OUT_SALE)) {
+            tv_status_tip.setText("上架");
+            tv_status_tip.setTextColor(getContext().getResources().getColor(com.cooleshow.base.R.color.color_ff4e19));
+            tv_status_tip.setVisibility(View.VISIBLE);
+            im_music_mark.setVisibility(View.GONE);
+            tv_status_tip.setCompoundDrawablesWithIntrinsicBounds(null, null, getContext().getResources().getDrawable(com.cooleshow.base.R.drawable.icon_arrow_right_small_red), null);
         } else {
-            tv_take_down.setVisibility(View.GONE);
+            im_music_mark.setVisibility(View.VISIBLE);
+            tv_status_tip.setVisibility(View.GONE);
         }
+
+
+        //icon
         if (!TextUtils.isEmpty(item.titleImg)) {
             GlideUtils.INSTANCE.loadImage(getContext(), item.titleImg, im_music_mark, R.drawable.icon_music_mark);
         } else {
             im_music_mark.setImageResource(R.drawable.icon_music_mark);
         }
 
+
         switch (item.chargeType) {
             case "FREE":
-                im_state.setBackgroundResource(R.drawable.icon_score_free);
+                mTvTag.setText("免费");
+                mTvTag.setTextColor(getContext().getResources().getColor(com.cooleshow.base.R.color.color_01b84f));
+                mTvTag.setBackgroundResource(R.drawable.shape_01b84f_border);
                 break;
             case "VIP":
-                im_state.setBackgroundResource(R.drawable.icon_score_vip);
+                mTvTag.setText("会员");
+                mTvTag.setTextColor(getContext().getResources().getColor(com.cooleshow.base.R.color.color_cd863e));
+                mTvTag.setBackgroundResource(R.drawable.shape_cd863e_border);
                 break;
             case "CHARGE":
-                im_state.setBackgroundResource(R.drawable.icon_score_demand);
+                mTvTag.setText("点播");
+                mTvTag.setTextColor(getContext().getResources().getColor(com.cooleshow.base.R.color.color_3591ce));
+                mTvTag.setBackgroundResource(R.drawable.shape_3591ce_border);
                 break;
         }
         tv_name.setText(item.musicSheetName);
-        tv_author_name.setText(item.composer);
-        GlideUtils.INSTANCE.loadImage(getContext(), item.addUserAvatar, im_header, R.drawable.icon_teacher_default_head);
-        tv_teacher_name.setText(item.addName);
+
+        //subject
+        ll_music_subject.removeAllViews();
         if (!TextUtils.isEmpty(item.subjectNames)) {
-            rv_mark.setVisibility(View.VISIBLE);
-            List<String> markList = new ArrayList<>();
-            if (item.subjectNames.contains(",")) {
+            ll_music_subject.setVisibility(View.VISIBLE);
+            if (!TextUtils.isEmpty(item.subjectNames)) {
                 String[] split = item.subjectNames.split(",");
-                for (String s : split) {
-                    markList.add(s);
+                if (split != null && split.length > 0) {
+                    for (int i = 0; i < split.length; i++) {
+                        createSubjectView(ll_music_subject, split[i]);
+                    }
                 }
-            } else {
-                markList.add(item.subjectNames);
             }
-            LinearLayoutManager manager = new LinearLayoutManager(getContext());
-            manager.setOrientation(LinearLayoutManager.HORIZONTAL);
-            rv_mark.setLayoutManager(manager);
-            ItemMarkAdapter itemMarkAdapter = new ItemMarkAdapter(markList);
-            rv_mark.setAdapter(itemMarkAdapter);
         } else {
-            rv_mark.setVisibility(View.GONE);
+            ll_music_subject.setVisibility(View.GONE);
+        }
+        View view_line = helper.getView(R.id.view_line);
+        int position = helper.getLayoutPosition();
+        int size = getData().size();
+        view_line.setVisibility(position == size - 1 ? View.INVISIBLE : View.VISIBLE);
+        ConstraintLayout cs_root = helper.getView(R.id.cs_root);
+        if (size == 1) {
+            cs_root.setBackgroundResource(com.cooleshow.base.R.drawable.shape_10dp_white);
+        } else {
+            if (position == 0) {
+                cs_root.setBackgroundResource(com.cooleshow.base.R.drawable.bg_white_top_10dp);
+            } else if (position == size - 1) {
+                cs_root.setBackgroundResource(com.cooleshow.base.R.drawable.bg_white_bottom_10dp);
+            } else {
+                cs_root.setBackgroundColor(getContext().getResources().getColor(R.color.white));
+            }
         }
 
     }
 
+    private void createSubjectView(ViewGroup parent, String text) {
+        TextView textView = (TextView) LayoutInflater.from(getContext()).inflate(com.cooleshow.base.R.layout.view_subject_item_layout, parent, false);
+        textView.setText(text);
+        textView.setTextColor(getContext().getResources().getColor(com.cooleshow.base.R.color.color_2dc7aa));
+        textView.setBackgroundResource(com.cooleshow.base.R.drawable.shape_effbf9_9dp);
+        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
+        if (parent.getChildCount() >= 1) {
+            params.setMargins(SizeUtils.dp2px(4), 0, 0, 0);
+        }
+        parent.addView(textView, params);
+    }
+
     @NonNull
     @Override
     public BaseLoadMoreModule addLoadMoreModule(@NonNull BaseQuickAdapter<?, ?> baseQuickAdapter) {

+ 2 - 1
teacher/src/main/java/com/cooleshow/teacher/ui/score/MineScoreFragment.java

@@ -165,7 +165,8 @@ public class MineScoreFragment extends BaseMVPFragment<FragmentMineScoreBinding,
         mineScoreAdapter.setOnItemChildClickListener(new OnItemChildClickListener() {
             @Override
             public void onItemChildClick(@NonNull BaseQuickAdapter<?, ?> adapter, @NonNull View view, int position) {
-                if (view.getId() == R.id.tv_take_down) {
+                if (view.getId() == R.id.tv_status_tip && TextUtils.equals(auditStatus, MineScoreActivity.TYPE_PASS)) {
+                    //已上架->下架
                     if (UiUtils.isFastClick()) {
                         return;
                     }

+ 24 - 5
teacher/src/main/res/layout/activity_mine_score.xml

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
-<LinearLayout 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"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
@@ -10,12 +10,26 @@
         android:id="@+id/toolbar_include"
         layout="@layout/common_toolbar_layout" />
 
+    <View
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:background="@color/white"
+        app:layout_constraintBottom_toBottomOf="@+id/tablayout"
+        app:layout_constraintTop_toBottomOf="@+id/toolbar_include" />
+
+    <View
+        android:layout_width="match_parent"
+        android:layout_height="1px"
+        android:background="@color/color_F8F8F8"
+        app:layout_constraintBottom_toTopOf="@+id/tablayout"
+        app:layout_constraintLeft_toLeftOf="parent" />
+
     <com.cooleshow.teacher.widgets.CourseSearchView
         android:id="@+id/search_view"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_marginTop="10dp"
-        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/toolbar_include"
         app:left_search_text="声部"
         app:search_edit_hint="请输入曲目名称" />
 
@@ -25,6 +39,8 @@
         android:layout_height="@dimen/dp_44"
         android:layout_marginTop="10dp"
         android:scrollbars="none"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/search_view"
         app:tabBackground="@null"
         app:tabGravity="fill"
         app:tabIndicator="@drawable/tab_indicator"
@@ -32,8 +48,8 @@
         app:tabIndicatorFullWidth="false"
         app:tabIndicatorHeight="4dp"
         app:tabMode="fixed"
-        app:tabPaddingStart="0dp"
         app:tabPaddingEnd="0dp"
+        app:tabPaddingStart="0dp"
         app:tabRippleColor="@null"
         app:tabSelectedTextColor="@color/black_333"
         app:tabTextAppearance="@style/tab_layout_style"
@@ -44,5 +60,8 @@
         android:id="@+id/viewpager"
         android:layout_width="match_parent"
         android:layout_height="0dp"
-        android:layout_weight="1" />
-</LinearLayout>
+        android:layout_weight="1"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="@+id/tablayout"
+        app:layout_constraintTop_toBottomOf="@+id/tablayout" />
+</androidx.constraintlayout.widget.ConstraintLayout>

+ 1 - 1
teacher/src/main/res/layout/fragment_mine_score.xml

@@ -49,12 +49,12 @@
             android:layout_height="match_parent">
 
 
-
             <androidx.recyclerview.widget.RecyclerView
                 android:id="@+id/recyclerView"
                 android:layout_width="match_parent"
                 android:layout_height="match_parent"
                 android:overScrollMode="never"
+                android:paddingTop="12dp"
                 android:scrollbars="none" />
         </com.scwang.smart.refresh.layout.SmartRefreshLayout>
     </LinearLayout>

+ 119 - 104
teacher/src/main/res/layout/layout_mine_score_item.xml

@@ -1,125 +1,140 @@
 <?xml version="1.0" encoding="utf-8"?>
-<RelativeLayout 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:id="@+id/cs_root"
     android:layout_width="match_parent"
-    android:layout_height="wrap_content">
+    android:layout_height="wrap_content"
+    android:layout_marginStart="14dp"
+    android:layout_marginEnd="14dp">
 
-    <androidx.constraintlayout.widget.ConstraintLayout
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
+
+    <com.cooleshow.base.widgets.QMUIRadiusImageView
+        android:id="@+id/im_music_mark"
+        android:layout_width="@dimen/dp_48"
+        android:layout_height="@dimen/dp_48"
         android:layout_marginLeft="14dp"
-        android:layout_marginTop="12dp"
-        android:layout_marginRight="14dp"
-        android:background="@drawable/bg_white_10dp">
+        android:layout_marginTop="17dp"
+        android:src="@drawable/icon_music_mark"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:qmui_corner_radius="5dp" />
 
-        <com.cooleshow.base.widgets.QMUIRadiusImageView
-            android:id="@+id/im_music_mark"
-            android:layout_width="@dimen/dp_40"
-            android:layout_height="@dimen/dp_40"
-            android:layout_marginLeft="11dp"
-            android:layout_marginTop="10dp"
-            android:src="@drawable/icon_music_mark"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintTop_toTopOf="parent"
-            app:qmui_corner_radius="5dp" />
+    <TextView
+        android:id="@+id/tv_tag"
+        android:layout_width="30dp"
+        android:layout_height="17dp"
+        android:layout_marginStart="11dp"
+        android:background="@drawable/shape_01b84f_border"
+        android:gravity="center"
+        android:text="免费"
+        android:textSize="@dimen/sp_10"
+        app:layout_constraintBottom_toTopOf="@+id/tv_upload_author"
+        app:layout_constraintLeft_toRightOf="@+id/im_music_mark"
+        app:layout_constraintTop_toTopOf="@+id/im_music_mark"
+        app:layout_constraintVertical_chainStyle="packed" />
 
-        <TextView
-            android:id="@+id/tv_name"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:layout_marginLeft="14dp"
-            android:layout_marginEnd="10dp"
-            android:ellipsize="end"
-            android:maxLines="1"
-            android:textColor="@color/black_333"
-            android:textSize="@dimen/sp_14"
-            android:textStyle="bold"
-            app:layout_constraintLeft_toRightOf="@+id/im_music_mark"
-            app:layout_constraintRight_toLeftOf="@+id/im_state"
-            app:layout_constraintTop_toTopOf="@+id/im_music_mark"
-            tools:text="Exodus(出埃及记)Exodus(出埃及记)Exodus(出埃及记)Exodus(出埃及记)" />
+    <TextView
+        android:id="@+id/tv_upload_author"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="12dp"
+        android:layout_marginEnd="25dp"
+        android:ellipsize="end"
+        android:includeFontPadding="false"
+        android:maxLines="1"
+        android:textColor="@color/color_999999"
+        android:textSize="@dimen/sp_12"
+        app:layout_constraintBottom_toBottomOf="@+id/im_music_mark"
+        app:layout_constraintLeft_toLeftOf="@+id/tv_tag"
+        app:layout_constraintTop_toBottomOf="@+id/tv_tag"
+        tools:text="上传者:一把剑走天涯" />
 
+    <TextView
+        android:id="@+id/tv_name"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:ellipsize="end"
+        android:includeFontPadding="false"
+        android:lines="1"
+        android:maxWidth="129dp"
+        android:paddingStart="6dp"
+        android:textColor="@color/color_1a1a1a"
+        android:textSize="@dimen/sp_16"
+        app:layout_constraintBottom_toBottomOf="@+id/tv_tag"
+        app:layout_constraintLeft_toRightOf="@+id/tv_tag"
+        app:layout_constraintRight_toLeftOf="@+id/tv_author"
+        app:layout_constraintTop_toTopOf="@+id/tv_tag"
+        tools:text="维瓦尔第 E第一维瓦尔第维瓦尔第维瓦尔第" />
 
-        <TextView
-            android:id="@+id/tv_author_name"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginLeft="14dp"
-            android:text="沃伊切赫·基拉尔"
-            app:layout_constraintBottom_toBottomOf="@+id/im_music_mark"
-            app:layout_constraintLeft_toRightOf="@+id/im_music_mark" />
+    <TextView
+        android:id="@+id/tv_author"
+        android:layout_width="68dp"
+        android:layout_height="wrap_content"
+        android:layout_marginEnd="25dp"
+        android:ellipsize="end"
+        android:includeFontPadding="false"
+        android:lines="1"
+        android:paddingStart="6dp"
+        android:textColor="@color/color_999999"
+        android:textSize="@dimen/sp_12"
+        app:layout_constraintBottom_toBottomOf="@+id/tv_name"
+        app:layout_constraintLeft_toRightOf="@+id/tv_name"
+        app:layout_constraintTop_toTopOf="@+id/tv_name"
+        tools:text="-维瓦尔第…维瓦尔第维瓦尔第" />
 
+    <LinearLayout
+        android:id="@+id/ll_music_subject"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="12dp"
+        android:orientation="horizontal"
+        app:layout_constraintBottom_toBottomOf="@+id/tv_upload_author"
+        app:layout_constraintLeft_toRightOf="@+id/tv_upload_author"
+        app:layout_constraintRight_toLeftOf="@+id/fl_status"
+        app:layout_constraintTop_toTopOf="@+id/tv_upload_author" />
 
-        <ImageView
-            android:id="@+id/im_state"
-            android:layout_width="@dimen/dp_55"
-            android:layout_height="@dimen/dp_22"
-            android:layout_marginRight="12dp"
-            android:background="@drawable/icon_score_demand"
-            app:layout_constraintBottom_toBottomOf="@+id/im_music_mark"
-            app:layout_constraintRight_toRightOf="parent"
-            app:layout_constraintTop_toTopOf="@+id/im_music_mark" />
+    <FrameLayout
+        android:id="@+id/fl_status"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginEnd="14dp"
+        android:gravity="center"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
 
+        <ImageView
+            android:id="@+id/iv_play"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:src="@drawable/icon_music_sheet_play"
+            android:visibility="visible" />
 
         <TextView
-            android:id="@+id/tv_take_down"
-            android:layout_width="@dimen/dp_55"
-            android:layout_height="@dimen/dp_22"
-            android:layout_marginEnd="12dp"
+            android:id="@+id/tv_status_tip"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:drawableRight="@drawable/icon_arrow_right_small_blue"
+            android:drawablePadding="5dp"
             android:gravity="center"
+            android:includeFontPadding="false"
             android:text="下架"
-            android:textColor="@color/color_ff4902"
-            android:textSize="@dimen/sp_12"
+            android:textColor="@color/color_008ae0"
+            android:textSize="@dimen/sp_14"
             android:visibility="gone"
             app:layout_constraintBottom_toBottomOf="parent"
-            app:layout_constraintRight_toRightOf="parent"
-            app:layout_constraintTop_toTopOf="@+id/view_line" />
-
-        <View
-            android:id="@+id/view_line"
-            android:layout_width="match_parent"
-            android:layout_height="1dp"
-            android:layout_marginLeft="10dp"
-            android:layout_marginTop="10dp"
-            android:layout_marginRight="9dp"
-            android:background="@color/color_f2f2f2"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/im_music_mark" />
-
-        <de.hdodenhof.circleimageview.CircleImageView
-            android:id="@+id/im_header"
-            android:layout_width="18dp"
-            android:layout_height="18dp"
-            android:layout_marginLeft="14dp"
-            android:layout_marginTop="8dp"
-            android:layout_marginBottom="10dp"
-            android:src="@drawable/icon_teacher_default_head"
-            app:layout_constraintBottom_toBottomOf="parent"
-            app:layout_constraintLeft_toLeftOf="@+id/view_line"
-            app:layout_constraintTop_toBottomOf="@+id/view_line"
-            app:layout_goneMarginLeft="20dp" />
+            app:layout_constraintTop_toTopOf="parent" />
 
-        <TextView
-            android:id="@+id/tv_teacher_name"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginLeft="7dp"
-            android:text="宋倩倩"
-            android:textColor="@color/black_333"
-            android:textSize="@dimen/sp_12"
-            app:layout_constraintBottom_toBottomOf="@+id/im_header"
-            app:layout_constraintLeft_toRightOf="@+id/im_header"
-            app:layout_constraintTop_toTopOf="@+id/im_header" />
+    </FrameLayout>
 
-        <androidx.recyclerview.widget.RecyclerView
-            android:id="@+id/rv_mark"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginLeft="8dp"
-            android:visibility="gone"
-            app:layout_constraintBottom_toBottomOf="@+id/tv_teacher_name"
-            app:layout_constraintLeft_toRightOf="@+id/tv_teacher_name"
-            app:layout_constraintTop_toTopOf="@+id/tv_teacher_name" />
-    </androidx.constraintlayout.widget.ConstraintLayout>
-</RelativeLayout>
+    <View
+        android:layout_marginEnd="14dp"
+        android:layout_marginStart="14dp"
+        android:id="@+id/view_line"
+        android:layout_width="match_parent"
+        android:layout_height="0.5dp"
+        android:layout_marginTop="15dp"
+        android:background="@color/color_e8e8e8"
+        app:layout_constraintTop_toBottomOf="@+id/tv_upload_author" />
+</androidx.constraintlayout.widget.ConstraintLayout>