From c7f4c1276f9369292f4c48b463fdaa4c68262155 Mon Sep 17 00:00:00 2001
From: ningwenqiang <gongduoxiang@163.com>
Date: Thu, 29 Aug 2024 11:08:15 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=80=89=E6=8B=A9=E6=B6=88?=
 =?UTF-8?q?=E6=81=AF=E7=B1=BB=E5=9E=8BTab=E9=A1=B5=E7=9A=84=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E7=B1=BB=E5=9E=8B=E5=92=8C=E5=AE=9E=E7=8E=B0=E6=96=B9?=
 =?UTF-8?q?=E5=BC=8F=EF=BC=88=E5=87=8F=E5=B0=91=E4=BA=8C=E6=AC=A1=E5=B1=82?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=E5=B1=82=E7=BA=A7=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../main/views/MainMessageViewHolder.java     |  17 +-
 .../src/main/res/layout/view_main_message.xml | 581 ++++++++++++------
 2 files changed, 391 insertions(+), 207 deletions(-)

diff --git a/main/src/main/java/com/yunbao/main/views/MainMessageViewHolder.java b/main/src/main/java/com/yunbao/main/views/MainMessageViewHolder.java
index a227aa485..ff8e5df8c 100644
--- a/main/src/main/java/com/yunbao/main/views/MainMessageViewHolder.java
+++ b/main/src/main/java/com/yunbao/main/views/MainMessageViewHolder.java
@@ -32,6 +32,7 @@ import android.widget.Toast;
 
 import androidx.annotation.NonNull;
 import androidx.constraintlayout.widget.ConstraintLayout;
+import androidx.constraintlayout.widget.Group;
 import androidx.core.content.ContextCompat;
 import androidx.fragment.app.Fragment;
 import androidx.fragment.app.FragmentActivity;
@@ -137,17 +138,17 @@ public class MainMessageViewHolder extends AbsMainViewHolder {
     private MagicIndicator mIndicator;
     private List<AbsMainMessageChatListFragment> fragmentList;
 
-    private ConstraintLayout tabLayout1, tabLayout2, tabLayout3;
+    private Group tabLayout1, tabLayout2, tabLayout3;
     private TextView tab1, tab2, tab3;
     private ImageView imageView1, imageView2, imageView3;
     private View tab_line1, tab_line2, tab_line3;
     private ImageView tab_icon;
 
-    private List<ConstraintLayout> relativeLayouts = new ArrayList<>();
+    private List<Group> relativeLayouts = new ArrayList<>();
     private List<TextView> tabTexts = new ArrayList<>();
     private List<View> tabLine = new ArrayList<>();
     private List<ImageView> tabExpend = new ArrayList<>();
-    private LinearLayout tabLayouts;
+    private ConstraintLayout tabLayouts;
 
     private int userType = 0; // (0)普通用户  (1)主播A  (2)主播B
     ChatViewModel chatViewModel;
@@ -202,9 +203,9 @@ public class MainMessageViewHolder extends AbsMainViewHolder {
         tabLayouts = findViewById(R.id.tabLayouts);
 
         tab_icon = findViewById(R.id.tab_icon);
-        tabLayout1 = findViewById(R.id.tabLayout1);
-        tabLayout2 = findViewById(R.id.tabLayout2);
-        tabLayout3 = findViewById(R.id.tabLayout3);
+        tabLayout1 = findViewById(R.id.group_tab1);
+        tabLayout2 = findViewById(R.id.group_tab2);
+        tabLayout3 = findViewById(R.id.group_tab3);
 
         tab1 = findViewById(R.id.tab1);
         tab2 = findViewById(R.id.tab2);
@@ -255,7 +256,7 @@ public class MainMessageViewHolder extends AbsMainViewHolder {
         MainMessageChatListFragment chatFragment = (MainMessageChatListFragment) fragment;
         ImageView expendImg = (ImageView) view;
         expendImg.setImageResource(R.mipmap.ic_expend_up);
-        XPopup.Builder builder = new XPopup.Builder(mContext).atView(relativeLayouts.get(position));
+        XPopup.Builder builder = new XPopup.Builder(mContext).atView(tabTexts.get(position));
         builder.offsetY(16);
         builder.dismissOnTouchOutside(true);
         builder.setPopupCallback(new XPopupCallback() {
@@ -523,7 +524,7 @@ public class MainMessageViewHolder extends AbsMainViewHolder {
         }
         for (int i = 0; i < relativeLayouts.size(); i++) {
             int finalI = i;
-            relativeLayouts.get(i).setOnClickListener(new View.OnClickListener() {
+            tabTexts.get(i).setOnClickListener(new View.OnClickListener() {
                 @Override
                 public void onClick(View v) {
                     selectTab(finalI);
diff --git a/main/src/main/res/layout/view_main_message.xml b/main/src/main/res/layout/view_main_message.xml
index 8c1a02219..5bc51d7be 100644
--- a/main/src/main/res/layout/view_main_message.xml
+++ b/main/src/main/res/layout/view_main_message.xml
@@ -303,229 +303,412 @@
         android:layout_height="37dp"
         android:visibility="gone" />
 
-    <LinearLayout
+    <androidx.constraintlayout.widget.ConstraintLayout
         android:id="@+id/tabLayouts"
         android:layout_width="match_parent"
         android:layout_height="40dp"
-        android:gravity="center_vertical"
-        android:paddingStart="20dp"
-        android:paddingEnd="20dp">
+        android:paddingStart="12dp"
+        android:paddingEnd="12dp">
 
-        <androidx.constraintlayout.widget.ConstraintLayout
-            android:id="@+id/tabLayout1"
-            android:layout_width="0dp"
+        <TextView
+            android:id="@+id/tab1"
+            android:layout_width="wrap_content"
+            android:layout_height="match_parent"
+            android:gravity="center"
+            android:maxWidth="100dp"
+            android:textSize="15sp"
+            android:textStyle="bold"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toStartOf="@+id/view2"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            tools:text="仅显示已读" />
+
+        <ImageView
+            android:id="@+id/tab_icon"
+            android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:layout_weight="1"
+            android:layout_marginEnd="5dp"
+            android:src="@mipmap/icon_msg_recommend"
             android:visibility="gone"
-            tools:visibility="visible">
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toStartOf="@+id/tab1"
+            app:layout_constraintTop_toTopOf="parent"
+            tools:visibility="visible" />
 
-            <ImageView
-                android:id="@+id/tab_icon"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_marginEnd="5dp"
-                android:layout_toStartOf="@+id/tab_top1"
-                android:src="@mipmap/icon_msg_recommend"
-                android:visibility="gone"
-                app:layout_constraintBottom_toBottomOf="parent"
-                app:layout_constraintEnd_toStartOf="@+id/tab_top1"
-                app:layout_constraintTop_toTopOf="parent"
-                tools:visibility="visible" />
-
-            <androidx.constraintlayout.widget.ConstraintLayout
-                android:id="@+id/tab_top1"
-                android:layout_width="wrap_content"
-                android:layout_height="match_parent"
-                android:layout_centerHorizontal="true"
-                android:gravity="center_horizontal"
-                android:orientation="vertical"
-                app:layout_constraintBottom_toBottomOf="parent"
-                app:layout_constraintEnd_toEndOf="parent"
-                app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toTopOf="parent"
-                tools:ignore="MissingConstraints">
-
-                <TextView
-                    android:id="@+id/tab1"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:gravity="center"
-                    android:text="tab1"
-                    android:textSize="15dp"
-                    android:textStyle="bold"
-                    app:layout_constraintBottom_toBottomOf="parent"
-                    app:layout_constraintEnd_toEndOf="parent"
-                    app:layout_constraintHorizontal_bias="1.0"
-                    app:layout_constraintStart_toStartOf="parent"
-                    app:layout_constraintTop_toTopOf="parent" />
-
-                <View
-                    android:id="@+id/tab_line1"
-                    android:layout_width="0dp"
-                    android:layout_height="3dp"
-                    android:layout_below="@+id/tab_top1"
-                    android:layout_centerHorizontal="true"
-                    android:layout_marginStart="3dp"
-                    android:layout_marginTop="3dp"
-                    android:layout_marginEnd="3dp"
-                    android:background="@drawable/bg_main_com_type"
-                    app:layout_constraintEnd_toEndOf="@+id/tab1"
-                    app:layout_constraintStart_toStartOf="@+id/tab1"
-                    app:layout_constraintTop_toBottomOf="@+id/tab1" />
-
-            </androidx.constraintlayout.widget.ConstraintLayout>
-
-            <ImageView
-                android:id="@+id/expendImg1"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:padding="5dp"
-                android:src="@mipmap/ic_expend_down"
-                android:visibility="gone"
-                app:layout_constraintBottom_toBottomOf="parent"
-                app:layout_constraintEnd_toEndOf="parent"
-                app:layout_constraintHorizontal_bias="0.1"
-                app:layout_constraintStart_toEndOf="@+id/tab_top1"
-                app:layout_constraintTop_toTopOf="parent"
-                tools:visibility="visible" />
-
-        </androidx.constraintlayout.widget.ConstraintLayout>
-
-        <androidx.constraintlayout.widget.ConstraintLayout
-            android:id="@+id/tabLayout2"
+        <View
+            android:id="@+id/tab_line1"
             android:layout_width="0dp"
+            android:layout_height="3dp"
+            android:layout_centerHorizontal="true"
+            android:layout_marginStart="3dp"
+            android:layout_marginTop="3dp"
+            android:layout_marginEnd="3dp"
+            android:background="@drawable/bg_main_com_type"
+            app:layout_constraintEnd_toEndOf="@+id/tab1"
+            app:layout_constraintStart_toStartOf="@+id/tab1"
+            app:layout_constraintBottom_toBottomOf="parent" />
+
+        <ImageView
+            android:id="@+id/expendImg1"
+            android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:layout_weight="1"
+            android:padding="5dp"
+            android:src="@mipmap/ic_expend_down"
             android:visibility="gone"
-            tools:visibility="visible">
+            app:layout_constraintBottom_toBottomOf="@+id/tab1"
+            app:layout_constraintStart_toEndOf="@+id/tab1"
+            app:layout_constraintTop_toTopOf="@+id/tab1"
+            tools:visibility="gone" />
 
-            <androidx.constraintlayout.widget.ConstraintLayout
-                android:id="@+id/tab_top2"
-                android:layout_width="wrap_content"
-                android:layout_height="match_parent"
-                android:layout_centerHorizontal="true"
-                android:gravity="center_horizontal"
-                android:orientation="vertical"
-                app:layout_constraintBottom_toBottomOf="parent"
-                app:layout_constraintEnd_toEndOf="parent"
-                app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toTopOf="parent"
-                tools:ignore="MissingConstraints">
+        <androidx.constraintlayout.widget.Group
+            android:id="@+id/group_tab1"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:visibility="gone"
+            tools:visibility="visible"
+            app:constraint_referenced_ids="tab1,tab_icon,tab_line1"/>
 
-                <TextView
-                    android:id="@+id/tab2"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:gravity="center"
-                    android:text="tab1"
-                    android:textSize="15dp"
-                    android:textStyle="bold"
-                    app:layout_constraintBottom_toBottomOf="parent"
-                    app:layout_constraintEnd_toEndOf="parent"
-                    app:layout_constraintHorizontal_bias="1.0"
-                    app:layout_constraintStart_toStartOf="parent"
-                    app:layout_constraintTop_toTopOf="parent" />
+        <View
+            android:id="@+id/view2"
+            android:layout_width="1dp"
+            android:layout_height="1dp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toStartOf="@+id/tab2"
+            app:layout_constraintStart_toEndOf="@+id/tab1"
+            app:layout_constraintTop_toTopOf="parent" />
 
-                <View
-                    android:id="@+id/tab_line2"
-                    android:layout_width="0dp"
-                    android:layout_height="3dp"
-                    android:layout_below="@+id/tab_top2"
-                    android:layout_centerHorizontal="true"
-                    android:layout_marginStart="3dp"
-                    android:layout_marginTop="3dp"
-                    android:layout_marginEnd="3dp"
-                    android:background="@drawable/bg_main_com_type"
-                    app:layout_constraintEnd_toEndOf="@+id/tab2"
-                    app:layout_constraintStart_toStartOf="@+id/tab2"
-                    app:layout_constraintTop_toBottomOf="@+id/tab2" />
+        <TextView
+            android:id="@+id/tab2"
+            android:maxWidth="100dp"
+            android:layout_width="wrap_content"
+            android:layout_height="match_parent"
+            android:gravity="center"
+            android:textSize="15sp"
+            android:textStyle="bold"
+            tools:visibility="visible"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toStartOf="@+id/view3"
+            app:layout_constraintStart_toEndOf="@+id/view2"
+            app:layout_constraintTop_toTopOf="parent"
+            tools:text="系统匹配" />
 
-            </androidx.constraintlayout.widget.ConstraintLayout>
-
-            <ImageView
-                android:id="@+id/expendImg2"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:padding="5dp"
-                android:src="@mipmap/ic_expend_down"
-                android:visibility="gone"
-                app:layout_constraintHorizontal_bias="0.1"
-                app:layout_constraintBottom_toBottomOf="parent"
-                app:layout_constraintEnd_toEndOf="parent"
-                app:layout_constraintStart_toEndOf="@+id/tab_top2"
-                app:layout_constraintTop_toTopOf="parent"
-                tools:visibility="visible" />
-        </androidx.constraintlayout.widget.ConstraintLayout>
-
-        <androidx.constraintlayout.widget.ConstraintLayout
-            android:id="@+id/tabLayout3"
+        <View
+            android:id="@+id/tab_line2"
             android:layout_width="0dp"
+            android:layout_height="3dp"
+            android:layout_centerHorizontal="true"
+            android:layout_marginStart="3dp"
+            android:layout_marginTop="3dp"
+            android:layout_marginEnd="3dp"
+            android:background="@drawable/bg_main_com_type"
+            app:layout_constraintEnd_toEndOf="@+id/tab2"
+            app:layout_constraintStart_toStartOf="@+id/tab2"
+            app:layout_constraintBottom_toBottomOf="parent" />
+
+        <ImageView
+            android:id="@+id/expendImg2"
+            android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:layout_weight="1"
+            android:padding="5dp"
+            android:src="@mipmap/ic_expend_down"
             android:visibility="gone"
-            tools:visibility="visible">
+            app:layout_constraintBottom_toBottomOf="@+id/tab2"
+            app:layout_constraintStart_toEndOf="@+id/tab2"
+            app:layout_constraintTop_toTopOf="@+id/tab2"
+            tools:visibility="gone" />
 
-            <androidx.constraintlayout.widget.ConstraintLayout
-                android:id="@+id/tab_top3"
-                android:layout_width="wrap_content"
-                android:layout_height="match_parent"
-                android:layout_centerHorizontal="true"
-                android:gravity="center_horizontal"
-                android:orientation="vertical"
-                app:layout_constraintBottom_toBottomOf="parent"
-                app:layout_constraintEnd_toEndOf="parent"
-                app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toTopOf="parent"
-                tools:ignore="MissingConstraints">
+        <androidx.constraintlayout.widget.Group
+            android:id="@+id/group_tab2"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:visibility="gone"
+            tools:visibility="visible"
+            app:constraint_referenced_ids="view2,tab2,tab_line2"/>
 
-                <TextView
-                    android:id="@+id/tab3"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:gravity="center"
-                    android:text="tab1"
-                    android:textSize="15dp"
-                    android:textStyle="bold"
-                    app:layout_constraintBottom_toBottomOf="parent"
-                    app:layout_constraintEnd_toEndOf="parent"
-                    app:layout_constraintHorizontal_bias="1.0"
-                    app:layout_constraintStart_toStartOf="parent"
-                    app:layout_constraintTop_toTopOf="parent" />
+        <View
+            android:id="@+id/view3"
+            android:layout_width="1dp"
+            android:layout_height="1dp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toStartOf="@+id/tab3"
+            app:layout_constraintStart_toEndOf="@+id/tab2"
+            app:layout_constraintTop_toTopOf="parent" />
 
-                <View
-                    android:id="@+id/tab_line3"
-                    android:layout_width="0dp"
-                    android:layout_height="3dp"
-                    android:layout_below="@+id/tab_top3"
-                    android:layout_centerHorizontal="true"
-                    android:layout_marginStart="3dp"
-                    android:layout_marginTop="3dp"
-                    android:layout_marginEnd="3dp"
-                    android:background="@drawable/bg_main_com_type"
-                    app:layout_constraintEnd_toEndOf="@+id/tab3"
-                    app:layout_constraintStart_toStartOf="@+id/tab3"
-                    app:layout_constraintTop_toBottomOf="@+id/tab3" />
+        <TextView
+            android:maxWidth="100dp"
+            android:id="@+id/tab3"
+            android:layout_width="wrap_content"
+            android:layout_height="match_parent"
+            android:gravity="center"
+            android:textSize="15sp"
+            android:textStyle="bold"
+            tools:visibility="visible"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toEndOf="@+id/view3"
+            app:layout_constraintTop_toTopOf="parent"
+            tools:text="对方主动" />
 
-            </androidx.constraintlayout.widget.ConstraintLayout>
+        <View
+            tools:visibility="visible"
+            android:id="@+id/tab_line3"
+            android:layout_width="0dp"
+            android:layout_height="3dp"
+            android:layout_centerHorizontal="true"
+            android:layout_marginStart="3dp"
+            android:layout_marginTop="3dp"
+            android:layout_marginEnd="3dp"
+            android:background="@drawable/bg_main_com_type"
+            app:layout_constraintEnd_toEndOf="@+id/tab3"
+            app:layout_constraintStart_toStartOf="@+id/tab3"
+            app:layout_constraintBottom_toBottomOf="parent" />
 
-            <ImageView
-                android:id="@+id/expendImg3"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_centerHorizontal="true"
-                android:padding="5dp"
-                app:layout_constraintHorizontal_bias="0.1"
-                android:src="@mipmap/ic_expend_down"
-                android:visibility="gone"
-                app:layout_constraintBottom_toBottomOf="parent"
-                app:layout_constraintEnd_toEndOf="parent"
-                app:layout_constraintStart_toEndOf="@+id/tab_top3"
-                app:layout_constraintTop_toTopOf="parent"
-                tools:visibility="visible" />
-        </androidx.constraintlayout.widget.ConstraintLayout>
+        <ImageView
+            android:id="@+id/expendImg3"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:padding="5dp"
+            android:src="@mipmap/ic_expend_down"
+            android:visibility="gone"
+            app:layout_constraintBottom_toBottomOf="@+id/tab3"
+            app:layout_constraintStart_toEndOf="@+id/tab3"
+            app:layout_constraintTop_toTopOf="@+id/tab3"
+            tools:visibility="gone" />
+
+        <androidx.constraintlayout.widget.Group
+            android:id="@+id/group_tab3"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:visibility="gone"
+            tools:visibility="visible"
+            app:constraint_referenced_ids="view3,tab3,tab_line3"/>
+    </androidx.constraintlayout.widget.ConstraintLayout>
 
 
-    </LinearLayout>
+<!--    <LinearLayout-->
+<!--        android:id="@+id/tabLayouts"-->
+<!--        android:layout_width="match_parent"-->
+<!--        android:layout_height="40dp"-->
+<!--        android:gravity="center_vertical"-->
+<!--        android:paddingStart="20dp"-->
+<!--        android:paddingEnd="20dp">-->
+
+<!--        <androidx.constraintlayout.widget.ConstraintLayout-->
+<!--            android:id="@+id/tabLayout1"-->
+<!--            android:layout_width="0dp"-->
+<!--            android:layout_height="wrap_content"-->
+<!--            android:layout_weight="1"-->
+<!--            android:visibility="gone"-->
+<!--            tools:visibility="visible">-->
+
+<!--            <ImageView-->
+<!--                android:id="@+id/tab_icon"-->
+<!--                android:layout_width="wrap_content"-->
+<!--                android:layout_height="wrap_content"-->
+<!--                android:layout_marginEnd="5dp"-->
+<!--                android:layout_toStartOf="@+id/tab_top1"-->
+<!--                android:src="@mipmap/icon_msg_recommend"-->
+<!--                android:visibility="gone"-->
+<!--                app:layout_constraintBottom_toBottomOf="parent"-->
+<!--                app:layout_constraintEnd_toStartOf="@+id/tab_top1"-->
+<!--                app:layout_constraintTop_toTopOf="parent"-->
+<!--                tools:visibility="visible" />-->
+
+<!--            <androidx.constraintlayout.widget.ConstraintLayout-->
+<!--                android:id="@+id/tab_top1"-->
+<!--                android:layout_width="wrap_content"-->
+<!--                android:layout_height="match_parent"-->
+<!--                android:layout_centerHorizontal="true"-->
+<!--                android:gravity="center_horizontal"-->
+<!--                android:orientation="vertical"-->
+<!--                app:layout_constraintWidth_percent="0.8"-->
+<!--                app:layout_constraintBottom_toBottomOf="parent"-->
+<!--                app:layout_constraintEnd_toEndOf="parent"-->
+<!--                app:layout_constraintStart_toStartOf="parent"-->
+<!--                app:layout_constraintTop_toTopOf="parent"-->
+<!--                tools:ignore="MissingConstraints">-->
+
+<!--                <TextView-->
+<!--                    android:id="@+id/tab1"-->
+<!--                    android:layout_width="wrap_content"-->
+<!--                    android:layout_height="wrap_content"-->
+<!--                    android:gravity="center"-->
+<!--                    android:text="tab1"-->
+<!--                    android:textSize="15dp"-->
+<!--                    android:textStyle="bold"-->
+<!--                    app:layout_constraintBottom_toBottomOf="parent"-->
+<!--                    app:layout_constraintEnd_toEndOf="parent"-->
+<!--                    app:layout_constraintHorizontal_bias="1.0"-->
+<!--                    app:layout_constraintStart_toStartOf="parent"-->
+<!--                    app:layout_constraintTop_toTopOf="parent" />-->
+
+<!--                <View-->
+<!--                    android:id="@+id/tab_line1"-->
+<!--                    android:layout_width="0dp"-->
+<!--                    android:layout_height="3dp"-->
+<!--                    android:layout_below="@+id/tab_top1"-->
+<!--                    android:layout_centerHorizontal="true"-->
+<!--                    android:layout_marginStart="3dp"-->
+<!--                    android:layout_marginTop="3dp"-->
+<!--                    android:layout_marginEnd="3dp"-->
+<!--                    android:background="@drawable/bg_main_com_type"-->
+<!--                    app:layout_constraintEnd_toEndOf="@+id/tab1"-->
+<!--                    app:layout_constraintStart_toStartOf="@+id/tab1"-->
+<!--                    app:layout_constraintTop_toBottomOf="@+id/tab1" />-->
+
+<!--            </androidx.constraintlayout.widget.ConstraintLayout>-->
+
+<!--            <ImageView-->
+<!--                android:id="@+id/expendImg1"-->
+<!--                android:layout_width="wrap_content"-->
+<!--                android:layout_height="wrap_content"-->
+<!--                android:padding="5dp"-->
+<!--                android:src="@mipmap/ic_expend_down"-->
+<!--                android:visibility="gone"-->
+<!--                android:layout_marginEnd="1dp"-->
+<!--                app:layout_constraintBottom_toBottomOf="parent"-->
+<!--                app:layout_constraintEnd_toEndOf="parent"-->
+<!--                app:layout_constraintHorizontal_bias="0.1"-->
+<!--                app:layout_constraintStart_toEndOf="@+id/tab_top1"-->
+<!--                app:layout_constraintTop_toTopOf="parent"-->
+<!--                tools:visibility="visible" />-->
+
+<!--        </androidx.constraintlayout.widget.ConstraintLayout>-->
+
+<!--        <androidx.constraintlayout.widget.ConstraintLayout-->
+<!--            android:id="@+id/tabLayout2"-->
+<!--            android:layout_width="0dp"-->
+<!--            android:layout_height="wrap_content"-->
+<!--            android:layout_weight="1"-->
+<!--            android:visibility="gone"-->
+<!--            tools:visibility="visible">-->
+
+<!--            <androidx.constraintlayout.widget.ConstraintLayout-->
+<!--                android:id="@+id/tab_top2"-->
+<!--                android:layout_width="wrap_content"-->
+<!--                android:layout_height="match_parent"-->
+<!--                android:layout_centerHorizontal="true"-->
+<!--                android:gravity="center_horizontal"-->
+<!--                android:orientation="vertical"-->
+<!--                app:layout_constraintBottom_toBottomOf="parent"-->
+<!--                app:layout_constraintEnd_toEndOf="parent"-->
+<!--                app:layout_constraintStart_toStartOf="parent"-->
+<!--                app:layout_constraintTop_toTopOf="parent"-->
+<!--                tools:ignore="MissingConstraints">-->
+
+<!--                <TextView-->
+<!--                    android:id="@+id/tab2"-->
+<!--                    android:layout_width="wrap_content"-->
+<!--                    android:layout_height="wrap_content"-->
+<!--                    android:gravity="center"-->
+<!--                    android:text="tab1"-->
+<!--                    android:textSize="15dp"-->
+<!--                    android:textStyle="bold"-->
+<!--                    app:layout_constraintBottom_toBottomOf="parent"-->
+<!--                    app:layout_constraintEnd_toEndOf="parent"-->
+<!--                    app:layout_constraintHorizontal_bias="1.0"-->
+<!--                    app:layout_constraintStart_toStartOf="parent"-->
+<!--                    app:layout_constraintTop_toTopOf="parent" />-->
+
+<!--                <View-->
+<!--                    android:id="@+id/tab_line2"-->
+<!--                    android:layout_width="0dp"-->
+<!--                    android:layout_height="3dp"-->
+<!--                    android:layout_below="@+id/tab_top2"-->
+<!--                    android:layout_centerHorizontal="true"-->
+<!--                    android:layout_marginStart="3dp"-->
+<!--                    android:layout_marginTop="3dp"-->
+<!--                    android:layout_marginEnd="3dp"-->
+<!--                    android:background="@drawable/bg_main_com_type"-->
+<!--                    app:layout_constraintEnd_toEndOf="@+id/tab2"-->
+<!--                    app:layout_constraintStart_toStartOf="@+id/tab2"-->
+<!--                    app:layout_constraintTop_toBottomOf="@+id/tab2" />-->
+
+<!--            </androidx.constraintlayout.widget.ConstraintLayout>-->
+
+<!--            <ImageView-->
+<!--                android:id="@+id/expendImg2"-->
+<!--                android:layout_width="wrap_content"-->
+<!--                android:layout_height="wrap_content"-->
+<!--                android:padding="5dp"-->
+<!--                android:src="@mipmap/ic_expend_down"-->
+<!--                android:visibility="gone"-->
+<!--                app:layout_constraintHorizontal_bias="0.1"-->
+<!--                app:layout_constraintBottom_toBottomOf="parent"-->
+<!--                app:layout_constraintEnd_toEndOf="parent"-->
+<!--                app:layout_constraintStart_toEndOf="@+id/tab_top2"-->
+<!--                app:layout_constraintTop_toTopOf="parent"-->
+<!--                tools:visibility="visible" />-->
+<!--        </androidx.constraintlayout.widget.ConstraintLayout>-->
+
+<!--        <androidx.constraintlayout.widget.ConstraintLayout-->
+<!--            android:id="@+id/tabLayout3"-->
+<!--            android:layout_width="0dp"-->
+<!--            android:layout_height="wrap_content"-->
+<!--            android:layout_weight="1"-->
+<!--            android:visibility="gone"-->
+<!--            tools:visibility="visible">-->
+
+<!--            <androidx.constraintlayout.widget.ConstraintLayout-->
+<!--                android:id="@+id/tab_top3"-->
+<!--                android:layout_width="wrap_content"-->
+<!--                android:layout_height="match_parent"-->
+<!--                android:layout_centerHorizontal="true"-->
+<!--                android:gravity="center_horizontal"-->
+<!--                android:orientation="vertical"-->
+<!--                app:layout_constraintBottom_toBottomOf="parent"-->
+<!--                app:layout_constraintEnd_toEndOf="parent"-->
+<!--                app:layout_constraintStart_toStartOf="parent"-->
+<!--                app:layout_constraintTop_toTopOf="parent"-->
+<!--                tools:ignore="MissingConstraints">-->
+
+<!--                <TextView-->
+<!--                    android:id="@+id/tab3"-->
+<!--                    android:layout_width="wrap_content"-->
+<!--                    android:layout_height="wrap_content"-->
+<!--                    android:gravity="center"-->
+<!--                    android:text="tab1"-->
+<!--                    android:textSize="15dp"-->
+<!--                    android:textStyle="bold"-->
+<!--                    app:layout_constraintBottom_toBottomOf="parent"-->
+<!--                    app:layout_constraintEnd_toEndOf="parent"-->
+<!--                    app:layout_constraintHorizontal_bias="1.0"-->
+<!--                    app:layout_constraintStart_toStartOf="parent"-->
+<!--                    app:layout_constraintTop_toTopOf="parent" />-->
+
+<!--                <View-->
+<!--                    android:id="@+id/tab_line3"-->
+<!--                    android:layout_width="0dp"-->
+<!--                    android:layout_height="3dp"-->
+<!--                    android:layout_below="@+id/tab_top3"-->
+<!--                    android:layout_centerHorizontal="true"-->
+<!--                    android:layout_marginStart="3dp"-->
+<!--                    android:layout_marginTop="3dp"-->
+<!--                    android:layout_marginEnd="3dp"-->
+<!--                    android:background="@drawable/bg_main_com_type"-->
+<!--                    app:layout_constraintEnd_toEndOf="@+id/tab3"-->
+<!--                    app:layout_constraintStart_toStartOf="@+id/tab3"-->
+<!--                    app:layout_constraintTop_toBottomOf="@+id/tab3" />-->
+
+<!--            </androidx.constraintlayout.widget.ConstraintLayout>-->
+
+<!--            <ImageView-->
+<!--                android:id="@+id/expendImg3"-->
+<!--                android:layout_width="wrap_content"-->
+<!--                android:layout_height="wrap_content"-->
+<!--                android:layout_centerHorizontal="true"-->
+<!--                android:padding="5dp"-->
+<!--                app:layout_constraintHorizontal_bias="0.1"-->
+<!--                android:src="@mipmap/ic_expend_down"-->
+<!--                android:visibility="gone"-->
+<!--                app:layout_constraintBottom_toBottomOf="parent"-->
+<!--                app:layout_constraintEnd_toEndOf="parent"-->
+<!--                app:layout_constraintStart_toEndOf="@+id/tab_top3"-->
+<!--                app:layout_constraintTop_toTopOf="parent"-->
+<!--                tools:visibility="visible" />-->
+<!--        </androidx.constraintlayout.widget.ConstraintLayout>-->
+<!--    </LinearLayout>-->
 
     <androidx.viewpager2.widget.ViewPager2
         android:id="@+id/viewPager"