yutou/pandorapan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

主播语音聊天的UI修改完成

Browse Source
This commit is contained in:
ningwenqiang 2024-09-14 15:25:10 +08:00
parent 0a08b67fb1
commit 91f18b01b9
6 changed files with 803 additions and 457 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
common/src/main/res/drawable/live_voice_chat_role_bg.xml Normal file
View File

@ -0,0 +1,17 @@
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:gravity="center_horizontal">
<shape android:shape="oval">
<solid android:color="#1a000000" /> <!-- 外圈 -->
</shape>
</item>
<item
android:bottom="4dp"
android:gravity="center_horizontal"
android:left="4dp"
android:right="4dp"
android:top="4dp">
<shape android:shape="oval">
<solid android:color="#2a000000" /> <!-- 深蓝色 -->
</shape>
</item>
</layer-list>

23
live/src/main/java/com/yunbao/live/views/LiveRoomViewHolder.java
View File

@ -330,9 +330,9 @@ public class LiveRoomViewHolder extends AbsViewHolder implements View.OnClickLis
static ImageView pk5Ico; static ImageView pk5Ico;
static RelativeLayout pk5; static RelativeLayout pk5;
RelativeLayout mic_view; Group mic_view,mic_view1,mic_view2;
RelativeLayout mic_view1; View video_chat_bg1,video_chat_bg2,video_chat_bg3;
RelativeLayout mic_view2;
static ImageView mic_ico; static ImageView mic_ico;
static RoundedImageView mic_ico1; static RoundedImageView mic_ico1;
@ -830,19 +830,19 @@ public class LiveRoomViewHolder extends AbsViewHolder implements View.OnClickLis
} }
} }
} }
mic_view.setOnClickListener(new View.OnClickListener() { video_chat_bg1.setOnClickListener(new View.OnClickListener() {
@Override @Override
public void onClick(View v) { public void onClick(View v) {
xz(mic_ids.get(0)); xz(mic_ids.get(0));
} }
}); });
mic_view1.setOnClickListener(new View.OnClickListener() { video_chat_bg2.setOnClickListener(new View.OnClickListener() {
@Override @Override
public void onClick(View v) { public void onClick(View v) {
xz(mic_ids.get(1)); xz(mic_ids.get(1));
} }
}); });
mic_view2.setOnClickListener(new View.OnClickListener() { video_chat_bg3.setOnClickListener(new View.OnClickListener() {
@Override @Override
public void onClick(View v) { public void onClick(View v) {
xz(mic_ids.get(2)); xz(mic_ids.get(2));
@ -1739,9 +1739,14 @@ public class LiveRoomViewHolder extends AbsViewHolder implements View.OnClickLis
pk4 = (RelativeLayout) findViewById(R.id.pk4); pk4 = (RelativeLayout) findViewById(R.id.pk4);
pk5 = (RelativeLayout) findViewById(R.id.pk5); pk5 = (RelativeLayout) findViewById(R.id.pk5);
mic_view = (RelativeLayout) findViewById(R.id.mic_view); mic_view = findViewById(R.id.mic_view);
mic_view1 = (RelativeLayout) findViewById(R.id.mic_view1); mic_view1 = findViewById(R.id.mic_view1);
mic_view2 = (RelativeLayout) findViewById(R.id.mic_view2); mic_view2 = findViewById(R.id.mic_view2);
video_chat_bg1 = findViewById(R.id.video_chat_bg1);
video_chat_bg2 = findViewById(R.id.video_chat_bg2);
video_chat_bg3 = findViewById(R.id.video_chat_bg3);
flipper = (ViewFlipper) findViewById(R.id.hour_rank_list); flipper = (ViewFlipper) findViewById(R.id.hour_rank_list);
mic_ico = (ImageView) findViewById(R.id.mic_ico); mic_ico = (ImageView) findViewById(R.id.mic_ico);
newMessage = (ImageView) findViewById(R.id.new_message); newMessage = (ImageView) findViewById(R.id.new_message);

9
live/src/main/res/drawable/bg_live_video_chat.xml Normal file
View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#33ffffff" />
<corners
android:bottomLeftRadius="5dp"
android:bottomRightRadius="5dp"
android:topLeftRadius="5dp"
android:topRightRadius="5dp" />
</shape>

5
live/src/main/res/layout/view_live_audience.xml
View File

@ -234,12 +234,13 @@
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="0dp" android:layout_height="0dp"
android:layout_centerHorizontal="true" android:layout_centerHorizontal="true"
android:layout_margin="5dp" android:layout_margin="3dp"
android:visibility="gone"
app:layout_constraintBottom_toBottomOf="@+id/pd_pao" app:layout_constraintBottom_toBottomOf="@+id/pd_pao"
app:layout_constraintEnd_toEndOf="@+id/pd_pao" app:layout_constraintEnd_toEndOf="@+id/pd_pao"
app:layout_constraintStart_toStartOf="@+id/pd_pao" app:layout_constraintStart_toStartOf="@+id/pd_pao"
app:layout_constraintTop_toTopOf="@+id/pd_pao" app:layout_constraintTop_toTopOf="@+id/pd_pao"
tools:visibility="gone" /> tools:visibility="visible" />
<TextView <TextView
android:id="@+id/time_text" android:id="@+id/time_text"

388
live/src/main/res/layout/view_live_room.xml
View File

@ -147,10 +147,10 @@
android:id="@+id/user_recyclerView" android:id="@+id/user_recyclerView"
android:layout_width="120dp" android:layout_width="120dp"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginEnd="3dp"
android:orientation="horizontal" android:orientation="horizontal"
android:overScrollMode="never" android:overScrollMode="never"
android:visibility="visible" android:visibility="visible"
android:layout_marginEnd="3dp"
app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/user_more" app:layout_constraintEnd_toStartOf="@+id/user_more"
app:layout_constraintTop_toTopOf="parent" app:layout_constraintTop_toTopOf="parent"
@ -192,8 +192,8 @@
android:layout_height="match_parent" android:layout_height="match_parent"
android:layout_marginLeft="10dp" android:layout_marginLeft="10dp"
android:gravity="top" android:gravity="top"
tools:visibility="gone" android:orientation="vertical"
android:orientation="vertical"> tools:visibility="gone">
<androidx.recyclerview.widget.RecyclerView <androidx.recyclerview.widget.RecyclerView
android:id="@+id/chat_recyclerView" android:id="@+id/chat_recyclerView"
@ -345,16 +345,16 @@
<View <View
android:id="@+id/topLayout1_line" android:id="@+id/topLayout1_line"
android:visibility="gone"
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="0dp" android:layout_height="0dp"
android:layout_weight="1"/> android:layout_weight="1"
android:visibility="gone" />
<!--天梯赛--> <!--天梯赛-->
<FrameLayout <FrameLayout
android:layout_marginEnd="12dp"
android:id="@+id/live_rank_pk" android:id="@+id/live_rank_pk"
android:layout_width="85dp" android:layout_width="85dp"
android:layout_height="23dp" android:layout_height="23dp"
android:layout_marginEnd="12dp"
android:background="@drawable/bg_live_item" android:background="@drawable/bg_live_item"
android:clickable="true" android:clickable="true"
android:focusable="true" android:focusable="true"
@ -2506,7 +2506,6 @@
android:layout_centerVertical="true" /> android:layout_centerVertical="true" />
<!-- SVG 座骑--> <!-- SVG 座骑-->
<ImageView <ImageView
android:id="@+id/new_message" android:id="@+id/new_message"
android:layout_width="106.67dp" android:layout_width="106.67dp"
@ -2530,225 +2529,236 @@
android:id="@+id/room_fast_msg" android:id="@+id/room_fast_msg"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="30dp" android:layout_height="30dp"
android:layout_alignParentBottom="true" android:layout_alignParentBottom="true"
android:layout_marginStart="10dp" android:layout_marginStart="10dp"
android:visibility="gone" /> android:visibility="gone" />
</RelativeLayout> </RelativeLayout>
<!--連麥-->
<LinearLayout <include
android:layout_width="50dp" android:id="@+id/micIclude"
layout="@layout/view_live_room_video_chat"
android:layout_width="68dp"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_alignParentRight="true" android:layout_alignParentRight="true"
android:layout_marginTop="190dp" android:layout_marginTop="190dp"
android:layout_marginRight="10dp" android:layout_marginRight="10dp" />
android:gravity="bottom|center_horizontal" <!--連麥-->
android:orientation="vertical"> <!-- <LinearLayout-->
<!-- android:layout_width="50dp"-->
<!-- android:layout_height="wrap_content"-->
<!-- android:layout_alignParentRight="true"-->
<!-- android:layout_marginTop="190dp"-->
<!-- android:layout_marginRight="10dp"-->
<!-- android:gravity="bottom|center_horizontal"-->
<!-- android:orientation="vertical">-->
<RelativeLayout <!-- <RelativeLayout-->
android:id="@+id/mic_view" <!-- android:id="@+id/mic_view"-->
android:layout_width="match_parent" <!-- android:layout_width="match_parent"-->
android:layout_height="65dp" <!-- android:layout_height="65dp"-->
android:layout_marginTop="10dp" <!-- android:layout_marginTop="10dp"-->
android:visibility="invisible" <!-- android:background="@drawable/bg_live_video_chat"-->
tools:visibility="visible"> <!-- android:visibility="invisible"-->
<!-- tools:visibility="visible">-->
<com.makeramen.roundedimageview.RoundedImageView <!-- <com.makeramen.roundedimageview.RoundedImageView-->
android:id="@+id/mic_ico" <!-- android:id="@+id/mic_ico"-->
android:layout_width="30dp" <!-- android:layout_width="30dp"-->
android:layout_height="30dp" <!-- android:layout_height="30dp"-->
android:layout_centerHorizontal="true" <!-- android:layout_centerHorizontal="true"-->
android:layout_marginStart="1dp" <!-- android:layout_marginStart="1dp"-->
android:layout_marginTop="4dp" <!-- android:layout_marginTop="4dp"-->
android:layout_marginEnd="1dp" <!-- android:layout_marginEnd="1dp"-->
android:layout_marginBottom="11dp" <!-- android:layout_marginBottom="11dp"-->
android:scaleType="centerCrop" <!-- android:scaleType="centerCrop"-->
android:src="@drawable/m_chu_xia" <!-- android:src="@drawable/m_chu_xia"-->
app:riv_oval="true" /> <!-- app:riv_oval="true" />-->
<com.opensource.svgaplayer.SVGAImageView <!-- <com.opensource.svgaplayer.SVGAImageView-->
android:id="@+id/mic_gift_svga" <!-- android:id="@+id/mic_gift_svga"-->
android:layout_width="42dp" <!-- android:layout_width="42dp"-->
android:layout_height="38dp" <!-- android:layout_height="38dp"-->
android:layout_centerHorizontal="true" <!-- android:layout_centerHorizontal="true"-->
app:autoPlay="true" /> <!-- app:autoPlay="true" />-->
<ImageView <!-- <ImageView-->
android:id="@+id/userVoice" <!-- android:id="@+id/userVoice"-->
android:layout_width="10dp" <!-- android:layout_width="10dp"-->
android:layout_height="10dp" <!-- android:layout_height="10dp"-->
android:layout_centerHorizontal="true" <!-- android:layout_centerHorizontal="true"-->
android:layout_marginTop="40dp" <!-- android:layout_marginTop="40dp"-->
android:src="@mipmap/voice_open" /> <!-- android:src="@mipmap/voice_open" />-->
<LinearLayout <!-- <LinearLayout-->
android:layout_width="match_parent" <!-- android:layout_width="match_parent"-->
android:layout_height="wrap_content" <!-- android:layout_height="wrap_content"-->
android:layout_alignParentBottom="true" <!-- android:layout_alignParentBottom="true"-->
android:layout_centerHorizontal="true" <!-- android:layout_centerHorizontal="true"-->
android:gravity="center"> <!-- android:gravity="center">-->
<TextView <!-- <TextView-->
android:layout_width="8dp" <!-- android:layout_width="8dp"-->
android:layout_height="8dp" <!-- android:layout_height="8dp"-->
android:background="@drawable/bg_live_room_mic_num" <!-- android:background="@drawable/bg_live_room_mic_num"-->
android:gravity="center" <!-- android:gravity="center"-->
android:text="1" <!-- android:text="1"-->
android:textColor="@color/white" <!-- android:textColor="@color/white"-->
android:textSize="6dp" /> <!-- android:textSize="6dp" />-->
<TextView <!-- <TextView-->
android:id="@+id/userName" <!-- android:id="@+id/userName"-->
android:layout_width="wrap_content" <!-- android:layout_width="wrap_content"-->
android:layout_height="wrap_content" <!-- android:layout_height="wrap_content"-->
android:layout_marginStart="2dp" <!-- android:layout_marginStart="2dp"-->
android:ellipsize="end" <!-- android:ellipsize="end"-->
android:maxLines="1" <!-- android:maxLines="1"-->
android:text="昵称" <!-- android:text="昵称"-->
android:textColor="@color/white" <!-- android:textColor="@color/white"-->
android:textSize="10dp" /> <!-- android:textSize="10dp" />-->
</LinearLayout> <!-- </LinearLayout>-->
</RelativeLayout> <!-- </RelativeLayout>-->
<RelativeLayout <!-- <RelativeLayout-->
android:id="@+id/mic_view1" <!-- android:id="@+id/mic_view1"-->
android:layout_width="match_parent" <!-- android:layout_width="match_parent"-->
android:layout_height="65dp" <!-- android:layout_height="65dp"-->
android:layout_marginTop="10dp" <!-- android:layout_marginTop="10dp"-->
android:visibility="invisible" <!-- android:background="@drawable/bg_live_video_chat"-->
tools:visibility="visible"> <!-- android:visibility="invisible"-->
<!-- tools:visibility="visible">-->
<com.makeramen.roundedimageview.RoundedImageView <!-- <com.makeramen.roundedimageview.RoundedImageView-->
android:id="@+id/mic_ico1" <!-- android:id="@+id/mic_ico1"-->
android:layout_width="30dp" <!-- android:layout_width="30dp"-->
android:layout_height="30dp" <!-- android:layout_height="30dp"-->
android:layout_centerHorizontal="true" <!-- android:layout_centerHorizontal="true"-->
android:layout_marginStart="1dp" <!-- android:layout_marginStart="1dp"-->
android:layout_marginTop="4dp" <!-- android:layout_marginTop="4dp"-->
android:layout_marginEnd="1dp" <!-- android:layout_marginEnd="1dp"-->
android:layout_marginBottom="11dp" <!-- android:layout_marginBottom="11dp"-->
android:scaleType="centerCrop" <!-- android:scaleType="centerCrop"-->
android:src="@drawable/m_chu_xia" <!-- android:src="@drawable/m_chu_xia"-->
app:riv_oval="true" /> <!-- app:riv_oval="true" />-->
<com.opensource.svgaplayer.SVGAImageView <!-- <com.opensource.svgaplayer.SVGAImageView-->
android:id="@+id/mic_gift_svga1" <!-- android:id="@+id/mic_gift_svga1"-->
android:layout_width="42dp" <!-- android:layout_width="42dp"-->
android:layout_height="38dp" <!-- android:layout_height="38dp"-->
android:layout_centerHorizontal="true" <!-- android:layout_centerHorizontal="true"-->
app:autoPlay="true" /> <!-- app:autoPlay="true" />-->
<ImageView <!-- <ImageView-->
android:id="@+id/userVoice1" <!-- android:id="@+id/userVoice1"-->
android:layout_width="10dp" <!-- android:layout_width="10dp"-->
android:layout_height="10dp" <!-- android:layout_height="10dp"-->
android:layout_centerHorizontal="true" <!-- android:layout_centerHorizontal="true"-->
android:layout_marginTop="40dp" <!-- android:layout_marginTop="40dp"-->
android:src="@mipmap/voice_open" /> <!-- android:src="@mipmap/voice_open" />-->
<LinearLayout <!-- <LinearLayout-->
android:layout_width="match_parent" <!-- android:layout_width="match_parent"-->
android:layout_height="wrap_content" <!-- android:layout_height="wrap_content"-->
android:layout_alignParentBottom="true" <!-- android:layout_alignParentBottom="true"-->
android:layout_centerHorizontal="true" <!-- android:layout_centerHorizontal="true"-->
android:gravity="center"> <!-- android:gravity="center">-->
<TextView <!-- <TextView-->
android:layout_width="8dp" <!-- android:layout_width="8dp"-->
android:layout_height="8dp" <!-- android:layout_height="8dp"-->
android:background="@drawable/bg_live_room_mic_num" <!-- android:background="@drawable/bg_live_room_mic_num"-->
android:gravity="center" <!-- android:gravity="center"-->
android:text="2" <!-- android:text="2"-->
android:textColor="@color/white" <!-- android:textColor="@color/white"-->
android:textSize="6dp" /> <!-- android:textSize="6dp" />-->
<TextView <!-- <TextView-->
android:id="@+id/userName1" <!-- android:id="@+id/userName1"-->
android:layout_width="wrap_content" <!-- android:layout_width="wrap_content"-->
android:layout_height="wrap_content" <!-- android:layout_height="wrap_content"-->
android:layout_marginStart="2dp" <!-- android:layout_marginStart="2dp"-->
android:ellipsize="end" <!-- android:ellipsize="end"-->
android:maxLines="1" <!-- android:maxLines="1"-->
android:text="昵称" <!-- android:text="昵称"-->
android:textColor="@color/white" <!-- android:textColor="@color/white"-->
android:textSize="10dp" /> <!-- android:textSize="10dp" />-->
</LinearLayout> <!-- </LinearLayout>-->
</RelativeLayout> <!-- </RelativeLayout>-->
<RelativeLayout <!-- <RelativeLayout-->
android:id="@+id/mic_view2" <!-- android:id="@+id/mic_view2"-->
android:layout_width="match_parent" <!-- android:layout_width="match_parent"-->
android:layout_height="65dp" <!-- android:layout_height="65dp"-->
android:layout_marginTop="10dp" <!-- android:layout_marginTop="10dp"-->
android:visibility="invisible" <!-- android:background="@drawable/bg_live_video_chat"-->
tools:visibility="visible"> <!-- android:visibility="invisible"-->
<!-- tools:visibility="visible">-->
<com.makeramen.roundedimageview.RoundedImageView <!-- <com.makeramen.roundedimageview.RoundedImageView-->
android:id="@+id/mic_ico2" <!-- android:id="@+id/mic_ico2"-->
android:layout_width="30dp" <!-- android:layout_width="30dp"-->
android:layout_height="30dp" <!-- android:layout_height="30dp"-->
android:layout_centerHorizontal="true" <!-- android:layout_centerHorizontal="true"-->
android:layout_marginStart="1dp" <!-- android:layout_marginStart="1dp"-->
android:layout_marginTop="4dp" <!-- android:layout_marginTop="4dp"-->
android:layout_marginEnd="1dp" <!-- android:layout_marginEnd="1dp"-->
android:layout_marginBottom="11dp" <!-- android:layout_marginBottom="11dp"-->
android:scaleType="centerCrop" <!-- android:scaleType="centerCrop"-->
android:src="@drawable/m_chu_xia" <!-- android:src="@drawable/m_chu_xia"-->
app:riv_oval="true" /> <!-- app:riv_oval="true" />-->
<com.opensource.svgaplayer.SVGAImageView <!-- <com.opensource.svgaplayer.SVGAImageView-->
android:id="@+id/mic_gift_svga2" <!-- android:id="@+id/mic_gift_svga2"-->
android:layout_width="42dp" <!-- android:layout_width="42dp"-->
android:layout_height="38dp" <!-- android:layout_height="38dp"-->
android:layout_centerHorizontal="true" <!-- android:layout_centerHorizontal="true"-->
app:autoPlay="true" /> <!-- app:autoPlay="true" />-->
<ImageView <!-- <ImageView-->
android:id="@+id/userVoice2" <!-- android:id="@+id/userVoice2"-->
android:layout_width="10dp" <!-- android:layout_width="10dp"-->
android:layout_height="10dp" <!-- android:layout_height="10dp"-->
android:layout_centerHorizontal="true" <!-- android:layout_centerHorizontal="true"-->
android:layout_marginTop="40dp" <!-- android:layout_marginTop="40dp"-->
android:src="@mipmap/voice_open" /> <!-- android:src="@mipmap/voice_open" />-->
<LinearLayout <!-- <LinearLayout-->
android:layout_width="match_parent" <!-- android:layout_width="match_parent"-->
android:layout_height="wrap_content" <!-- android:layout_height="wrap_content"-->
android:layout_alignParentBottom="true" <!-- android:layout_alignParentBottom="true"-->
android:layout_centerHorizontal="true" <!-- android:layout_centerHorizontal="true"-->
android:gravity="center"> <!-- android:gravity="center">-->
<TextView <!-- <TextView-->
android:layout_width="8dp" <!-- android:layout_width="8dp"-->
android:layout_height="8dp" <!-- android:layout_height="8dp"-->
android:background="@drawable/bg_live_room_mic_num" <!-- android:background="@drawable/bg_live_room_mic_num"-->
android:gravity="center" <!-- android:gravity="center"-->
android:text="3" <!-- android:text="3"-->
android:textColor="@color/white" <!-- android:textColor="@color/white"-->
android:textSize="6dp" /> <!-- android:textSize="6dp" />-->
<TextView <!-- <TextView-->
android:id="@+id/userName2" <!-- android:id="@+id/userName2"-->
android:layout_width="wrap_content" <!-- android:layout_width="wrap_content"-->
android:layout_height="wrap_content" <!-- android:layout_height="wrap_content"-->
android:layout_marginStart="2dp" <!-- android:layout_marginStart="2dp"-->
android:ellipsize="end" <!-- android:ellipsize="end"-->
android:maxLines="1" <!-- android:maxLines="1"-->
android:text="昵称" <!-- android:text="昵称"-->
android:textColor="@color/white" <!-- android:textColor="@color/white"-->
android:textSize="10dp" /> <!-- android:textSize="10dp" />-->
</LinearLayout> <!-- </LinearLayout>-->
</RelativeLayout> <!-- </RelativeLayout>-->
</LinearLayout> <!-- </LinearLayout>-->
<com.yunbao.common.views.weight.FullServiceNotificationView <com.yunbao.common.views.weight.FullServiceNotificationView
android:id="@+id/full_screen" android:id="@+id/full_screen"

304
live/src/main/res/layout/view_live_room_video_chat.xml Normal file
View File

@ -0,0 +1,304 @@
<?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="wrap_content"
tools:background="@color/black1"
tools:layout_width="68dp">
<View
android:id="@+id/video_chat_bg1"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:background="@drawable/bg_live_video_chat"
app:layout_constraintDimensionRatio="0.91"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<View
android:id="@+id/video_chat_circle1"
android:layout_width="0dp"
android:layout_height="0dp"
android:background="@drawable/live_voice_chat_role_bg"
app:layout_constraintBottom_toBottomOf="@+id/video_chat_bg1"
app:layout_constraintDimensionRatio="1"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.57"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@+id/video_chat_bg1"
app:layout_constraintVertical_bias="0.16"
app:layout_constraintWidth_percent="0.72" />
<com.makeramen.roundedimageview.RoundedImageView
android:id="@+id/mic_ico"
android:layout_width="0dp"
android:layout_height="0dp"
android:scaleType="centerCrop"
app:layout_constraintBottom_toBottomOf="@+id/video_chat_circle1"
app:layout_constraintDimensionRatio="1"
app:layout_constraintEnd_toEndOf="@+id/video_chat_circle1"
app:layout_constraintStart_toStartOf="@+id/video_chat_circle1"
app:layout_constraintTop_toTopOf="@+id/video_chat_circle1"
app:layout_constraintWidth_percent="0.48"
app:riv_oval="true"
tools:src="@drawable/m_chu_xia" />
<com.opensource.svgaplayer.SVGAImageView
android:id="@+id/mic_gift_svga"
android:layout_width="0dp"
android:layout_height="0dp"
app:autoPlay="true"
app:layout_constraintBottom_toBottomOf="@+id/video_chat_circle1"
app:layout_constraintDimensionRatio="1"
app:layout_constraintEnd_toEndOf="@+id/video_chat_circle1"
app:layout_constraintStart_toStartOf="@+id/video_chat_circle1"
app:layout_constraintTop_toTopOf="@+id/video_chat_circle1"
app:layout_constraintWidth_percent="0.61" />
<ImageView
android:id="@+id/userVoice"
android:layout_width="10dp"
android:layout_height="10dp"
android:src="@mipmap/voice_open"
app:layout_constraintEnd_toEndOf="@+id/video_chat_circle1"
app:layout_constraintStart_toStartOf="@+id/video_chat_circle1"
app:layout_constraintTop_toBottomOf="@+id/mic_gift_svga" />
<TextView
android:id="@+id/userName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="13dp"
android:layout_marginEnd="5dp"
android:layout_marginBottom="2dp"
android:ellipsize="end"
android:maxWidth="50dp"
android:maxLines="1"
android:textColor="@color/white"
android:textSize="10sp"
app:layout_constraintBottom_toBottomOf="@+id/video_chat_bg1"
app:layout_constraintEnd_toEndOf="@+id/video_chat_bg1"
app:layout_constraintStart_toStartOf="@+id/video_chat_bg1"
tools:text="昵称111111111" />
<TextView
android:id="@+id/sorNumberTv"
android:layout_width="8dp"
android:layout_height="8dp"
android:background="@drawable/bg_live_room_mic_num"
android:gravity="center"
android:text="1"
android:textColor="@color/white"
android:textSize="6sp"
app:layout_constraintBottom_toBottomOf="@+id/userName"
app:layout_constraintEnd_toStartOf="@+id/userName"
app:layout_constraintTop_toTopOf="@+id/userName" />
<androidx.constraintlayout.widget.Group
android:id="@+id/mic_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:visibility="visible"
app:constraint_referenced_ids="video_chat_bg1,video_chat_circle1,mic_ico,mic_gift_svga,userVoice,userName,sorNumberTv" />
<!--第二条目 -->
<View
android:id="@+id/video_chat_bg2"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_marginTop="8dp"
android:background="@drawable/bg_live_video_chat"
app:layout_constraintDimensionRatio="0.91"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/video_chat_bg1" />
<View
android:id="@+id/video_chat_circle2"
android:layout_width="0dp"
android:layout_height="0dp"
android:background="@drawable/live_voice_chat_role_bg"
app:layout_constraintBottom_toBottomOf="@+id/video_chat_bg2"
app:layout_constraintDimensionRatio="1"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.57"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@+id/video_chat_bg2"
app:layout_constraintVertical_bias="0.16"
app:layout_constraintWidth_percent="0.72" />
<com.makeramen.roundedimageview.RoundedImageView
android:id="@+id/mic_ico1"
android:layout_width="0dp"
android:layout_height="0dp"
android:scaleType="centerCrop"
app:layout_constraintBottom_toBottomOf="@+id/video_chat_circle2"
app:layout_constraintDimensionRatio="1"
app:layout_constraintEnd_toEndOf="@+id/video_chat_circle2"
app:layout_constraintStart_toStartOf="@+id/video_chat_circle2"
app:layout_constraintTop_toTopOf="@+id/video_chat_circle2"
app:layout_constraintWidth_percent="0.48"
app:riv_oval="true"
tools:src="@drawable/m_chu_xia" />
<com.opensource.svgaplayer.SVGAImageView
android:id="@+id/mic_gift_svga1"
android:layout_width="0dp"
android:layout_height="0dp"
app:autoPlay="true"
app:layout_constraintBottom_toBottomOf="@+id/video_chat_circle2"
app:layout_constraintDimensionRatio="1"
app:layout_constraintEnd_toEndOf="@+id/video_chat_circle2"
app:layout_constraintStart_toStartOf="@+id/video_chat_circle2"
app:layout_constraintTop_toTopOf="@+id/video_chat_circle2"
app:layout_constraintWidth_percent="0.61" />
<ImageView
android:id="@+id/userVoice1"
android:layout_width="10dp"
android:layout_height="10dp"
android:src="@mipmap/voice_open"
app:layout_constraintEnd_toEndOf="@+id/video_chat_circle2"
app:layout_constraintStart_toStartOf="@+id/video_chat_circle2"
app:layout_constraintTop_toBottomOf="@+id/mic_gift_svga1" />
<TextView
android:id="@+id/userName1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="13dp"
android:layout_marginEnd="5dp"
android:layout_marginBottom="2dp"
android:ellipsize="end"
android:maxWidth="50dp"
android:maxLines="1"
android:textColor="@color/white"
android:textSize="10sp"
app:layout_constraintBottom_toBottomOf="@+id/video_chat_bg2"
app:layout_constraintEnd_toEndOf="@+id/video_chat_bg2"
app:layout_constraintStart_toStartOf="@+id/video_chat_bg2"
tools:text="昵称111111111" />
<TextView
android:id="@+id/sorNumberTv1"
android:layout_width="8dp"
android:layout_height="8dp"
android:background="@drawable/bg_live_room_mic_num"
android:gravity="center"
android:text="2"
android:textColor="@color/white"
android:textSize="6sp"
app:layout_constraintBottom_toBottomOf="@+id/userName1"
app:layout_constraintEnd_toStartOf="@+id/userName1"
app:layout_constraintTop_toTopOf="@+id/userName1" />
<androidx.constraintlayout.widget.Group
android:id="@+id/mic_view1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:visibility="visible"
app:constraint_referenced_ids="video_chat_bg2,video_chat_circle2,mic_ico1,mic_gift_svga1,userVoice1,userName1,sorNumberTv1" />
<!--第三条目 -->
<View
android:id="@+id/video_chat_bg3"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_marginTop="8dp"
android:background="@drawable/bg_live_video_chat"
app:layout_constraintDimensionRatio="0.91"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/video_chat_bg2" />
<View
android:id="@+id/video_chat_circle3"
android:layout_width="0dp"
android:layout_height="0dp"
android:background="@drawable/live_voice_chat_role_bg"
app:layout_constraintBottom_toBottomOf="@+id/video_chat_bg3"
app:layout_constraintDimensionRatio="1"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.57"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@+id/video_chat_bg3"
app:layout_constraintVertical_bias="0.16"
app:layout_constraintWidth_percent="0.72" />
<com.makeramen.roundedimageview.RoundedImageView
android:id="@+id/mic_ico2"
android:layout_width="0dp"
android:layout_height="0dp"
android:scaleType="centerCrop"
app:layout_constraintBottom_toBottomOf="@+id/video_chat_circle3"
app:layout_constraintDimensionRatio="1"
app:layout_constraintEnd_toEndOf="@+id/video_chat_circle3"
app:layout_constraintStart_toStartOf="@+id/video_chat_circle3"
app:layout_constraintTop_toTopOf="@+id/video_chat_circle3"
app:layout_constraintWidth_percent="0.48"
app:riv_oval="true"
tools:src="@drawable/m_chu_xia" />
<com.opensource.svgaplayer.SVGAImageView
android:id="@+id/mic_gift_svga2"
android:layout_width="0dp"
android:layout_height="0dp"
app:autoPlay="true"
app:layout_constraintBottom_toBottomOf="@+id/video_chat_circle3"
app:layout_constraintDimensionRatio="1"
app:layout_constraintEnd_toEndOf="@+id/video_chat_circle3"
app:layout_constraintStart_toStartOf="@+id/video_chat_circle3"
app:layout_constraintTop_toTopOf="@+id/video_chat_circle3"
app:layout_constraintWidth_percent="0.61" />
<ImageView
android:id="@+id/userVoice2"
android:layout_width="10dp"
android:layout_height="10dp"
android:src="@mipmap/voice_open"
app:layout_constraintEnd_toEndOf="@+id/video_chat_circle3"
app:layout_constraintStart_toStartOf="@+id/video_chat_circle3"
app:layout_constraintTop_toBottomOf="@+id/mic_gift_svga2" />
<TextView
android:id="@+id/userName2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="13dp"
android:layout_marginEnd="5dp"
android:layout_marginBottom="2dp"
android:ellipsize="end"
android:maxWidth="50dp"
android:maxLines="1"
android:textColor="@color/white"
android:textSize="10sp"
app:layout_constraintBottom_toBottomOf="@+id/video_chat_bg3"
app:layout_constraintEnd_toEndOf="@+id/video_chat_bg3"
app:layout_constraintStart_toStartOf="@+id/video_chat_bg3"
tools:text="昵称111111111" />
<TextView
android:id="@+id/sorNumberTv2"
android:layout_width="8dp"
android:layout_height="8dp"
android:background="@drawable/bg_live_room_mic_num"
android:gravity="center"
android:text="3"
android:textColor="@color/white"
android:textSize="6sp"
app:layout_constraintBottom_toBottomOf="@+id/userName2"
app:layout_constraintEnd_toStartOf="@+id/userName2"
app:layout_constraintTop_toTopOf="@+id/userName2" />
<androidx.constraintlayout.widget.Group
android:id="@+id/mic_view2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:visibility="visible"
app:constraint_referenced_ids="video_chat_bg3,video_chat_circle3,mic_ico2,mic_gift_svga2,userVoice2,userName2,sorNumberTv2" />
</androidx.constraintlayout.widget.ConstraintLayout>