라이브 상단 UI 변경

This commit is contained in:
2024-01-16 05:31:23 +09:00
parent d75e4af348
commit 3a541f71a6
13 changed files with 149 additions and 208 deletions

View File

@@ -63,10 +63,10 @@
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:background="@drawable/bg_round_corner_13_3_transparent_ff5c49"
android:background="@drawable/bg_round_corner_5_3_transparent_ff5c49"
android:fontFamily="@font/gmarket_sans_medium"
android:paddingHorizontal="11dp"
android:paddingVertical="7dp"
android:paddingHorizontal="8dp"
android:paddingVertical="4.7dp"
android:text="나가기"
android:textColor="@color/color_ff5c49"
android:textSize="10sp"
@@ -85,12 +85,12 @@
android:id="@+id/tv_bg_switch"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="10dp"
android:background="@drawable/bg_round_corner_13_3_transparent_bbbbbb"
android:layout_marginEnd="5.3dp"
android:background="@drawable/bg_round_corner_5_3_transparent_bbbbbb"
android:fontFamily="@font/gmarket_sans_medium"
android:gravity="center"
android:paddingHorizontal="11dp"
android:paddingVertical="7dp"
android:paddingHorizontal="8dp"
android:paddingVertical="4.7dp"
android:text="배경 OFF"
android:textColor="@color/color_eeeeee"
android:textSize="10sp"
@@ -100,110 +100,120 @@
android:id="@+id/iv_share"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="10dp"
android:background="@drawable/bg_round_corner_13_3_transparent_bbbbbb"
android:layout_marginEnd="5.3dp"
android:background="@drawable/bg_round_corner_5_3_transparent_bbbbbb"
android:contentDescription="@null"
android:paddingHorizontal="11dp"
android:paddingVertical="5dp"
android:padding="2.7dp"
android:src="@drawable/ic_share" />
<ImageView
android:id="@+id/iv_edit"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/bg_round_corner_13_3_transparent_bbbbbb"
android:background="@drawable/bg_round_corner_5_3_transparent_bbbbbb"
android:contentDescription="@null"
android:paddingHorizontal="11dp"
android:paddingVertical="5dp"
android:padding="2.7dp"
android:src="@drawable/ic_edit"
android:visibility="gone" />
</LinearLayout>
</RelativeLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginHorizontal="13.3dp"
android:layout_marginTop="10.7dp"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_19"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="5.3dp"
android:background="@drawable/bg_round_corner_2_6_601d14"
android:paddingHorizontal="5.3dp"
android:paddingVertical="3.3dp"
android:text="19"
android:textColor="@color/color_e33621"
android:visibility="gone" />
<TextView
android:id="@+id/tv_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:ellipsize="end"
android:fontFamily="@font/gmarket_sans_bold"
android:lineSpacingExtra="3.3sp"
android:maxLines="1"
android:textColor="@color/color_eeeeee"
android:textSize="15.3sp"
tools:text="🧸여자들이 좋아하는 남자 스타일은?" />
</LinearLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10.7dp"
android:paddingHorizontal="13.3dp">
android:layout_marginHorizontal="13.3dp"
android:layout_marginTop="8dp">
<ImageView
android:id="@+id/iv_creator_profile"
android:layout_width="33.3dp"
android:layout_height="33.3dp"
android:layout_alignParentStart="true"
android:layout_centerVertical="true"
android:contentDescription="@null" />
<RelativeLayout
android:layout_width="180dp"
android:layout_height="wrap_content"
android:background="@drawable/bg_round_corner_5_3_transparent_bbbbbb"
android:padding="5.3dp">
<TextView
android:id="@+id/tv_creator_nickname"
<ImageView
android:id="@+id/iv_creator_profile"
android:layout_width="33.3dp"
android:layout_height="33.3dp"
android:layout_centerVertical="true"
android:contentDescription="@null" />
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginHorizontal="5.3dp"
android:layout_toStartOf="@+id/iv_creator_follow"
android:layout_toEndOf="@+id/iv_creator_profile"
android:orientation="vertical">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_19"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="5.3dp"
android:background="@drawable/bg_round_corner_2_6_601d14"
android:paddingHorizontal="5.3dp"
android:paddingVertical="3.3dp"
android:text="19"
android:textColor="@color/color_e33621"
android:textSize="12sp" />
<TextView
android:id="@+id/tv_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:ellipsize="end"
android:fontFamily="@font/gmarket_sans_bold"
android:lines="1"
android:textColor="@color/color_eeeeee"
android:textSize="12sp"
tools:text="오늘 라이브 방송은ㅇㄹ너ㅏㅣㅇㄴ럴ㄴ아ㅣㄴㅇ러ㅏㅣ" />
</LinearLayout>
<TextView
android:id="@+id/tv_creator_nickname"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="2.7dp"
android:ellipsize="end"
android:fontFamily="@font/gmarket_sans_medium"
android:lines="1"
android:textColor="@color/color_777777"
android:textSize="12sp"
tools:text="청령" />
</LinearLayout>
<ImageView
android:id="@+id/iv_creator_follow"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentEnd="true"
android:layout_centerVertical="true"
android:contentDescription="@null"
android:src="@drawable/btn_plus_round" />
</RelativeLayout>
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/rv_speakers"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentEnd="true"
android:layout_centerVertical="true"
android:layout_marginStart="5.3dp"
android:layout_toEndOf="@+id/iv_creator_profile"
android:drawablePadding="5.3dp"
android:ellipsize="end"
android:fontFamily="@font/gmarket_sans_light"
android:maxLines="1"
android:textColor="@color/color_eeeeee"
android:textSize="12sp"
app:drawableStartCompat="@drawable/ic_crown"
tools:text="란월" />
<ImageView
android:id="@+id/iv_creator_follow"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginStart="13.3dp"
android:layout_toEndOf="@+id/tv_creator_nickname"
android:contentDescription="@null"
tools:src="@drawable/btn_following" />
android:clipToPadding="true"
android:orientation="horizontal" />
</RelativeLayout>
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_marginHorizontal="13.3dp"
android:layout_marginVertical="8dp"
android:background="@color/color_26909090" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingHorizontal="13.3dp">
android:layout_marginHorizontal="13.3dp"
android:layout_marginTop="8dp">
<ImageView
android:id="@+id/iv_notification"
@@ -218,7 +228,8 @@
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentEnd="true"
android:orientation="horizontal">
android:orientation="horizontal"
tools:ignore="RelativeOverlap">
<LinearLayout
android:id="@+id/ll_donation"
@@ -244,6 +255,8 @@
android:fontFamily="@font/gmarket_sans_medium"
android:gravity="center_vertical"
android:textColor="@color/color_bbbbbb"
android:textSize="10.7sp"
tools:ignore="SmallSp"
tools:text="999,999,999,999" />
</LinearLayout>
@@ -255,8 +268,7 @@
android:background="@drawable/bg_round_corner_15_transparent_bbbbbb"
android:orientation="horizontal"
android:paddingHorizontal="11dp"
android:paddingVertical="7dp"
android:visibility="gone"
android:paddingVertical="5.3dp"
tools:ignore="RelativeOverlap">
<TextView
@@ -265,7 +277,8 @@
android:fontFamily="@font/gmarket_sans_medium"
android:text="참여자"
android:textColor="@color/color_bbbbbb"
android:textSize="12sp" />
android:textSize="10.7sp"
tools:ignore="SmallSp" />
<TextView
android:id="@+id/tv_participate"
@@ -274,8 +287,8 @@
android:layout_marginStart="6.7dp"
android:fontFamily="@font/gmarket_sans_bold"
android:textColor="@color/color_bbbbbb"
android:textSize="12sp"
tools:ignore="RelativeOverlap"
android:textSize="10.7sp"
tools:ignore="RelativeOverlap,SmallSp"
tools:text="18" />
</LinearLayout>
</LinearLayout>
@@ -318,55 +331,8 @@
tools:text="jkljkljkljkljkljkljkl" />
</RelativeLayout>
</ScrollView>
<RelativeLayout
android:id="@+id/rl_speaker"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="26.7dp"
android:layout_marginTop="20dp"
android:fontFamily="@font/gmarket_sans_bold"
android:text="스피커"
android:textColor="@color/color_eeeeee"
android:textSize="12sp" />
</RelativeLayout>
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/rv_speakers"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginHorizontal="26.7dp"
android:clipToPadding="true"
android:paddingVertical="13.3dp" />
</LinearLayout>
<RelativeLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/ll_top">
<TextView
android:id="@+id/tv_speaker_fold"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentEnd="true"
android:background="@drawable/bg_bottom_round_corner_10_222222"
android:drawablePadding="6.7dp"
android:paddingHorizontal="13.3dp"
android:paddingVertical="6.7dp"
android:text="접기"
android:textColor="@color/color_bbbbbb"
android:textSize="13.3sp"
app:drawableStartCompat="@drawable/ic_live_detail_top" />
</RelativeLayout>
<ImageView
android:id="@+id/iv_noti_microphone_mute"
android:layout_width="wrap_content"

View File

@@ -1,19 +1,19 @@
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="wrap_content"
android:layout_width="30dp"
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="vertical">
<RelativeLayout
android:layout_width="51.7dp"
android:layout_height="51.7dp">
android:layout_width="30dp"
android:layout_height="30dp">
<ImageView
android:id="@+id/iv_profile"
android:layout_width="46.7dp"
android:layout_height="46.7dp"
android:layout_width="26.7dp"
android:layout_height="26.7dp"
android:layout_centerInParent="true"
android:contentDescription="@null"
tools:src="@mipmap/ic_launcher" />
@@ -32,15 +32,6 @@
android:layout_centerInParent="true"
android:contentDescription="@null"
android:src="@drawable/ic_mute" />
<ImageView
android:id="@+id/iv_crown"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentEnd="true"
android:contentDescription="@null"
android:src="@drawable/ic_crown"
android:visibility="gone" />
</RelativeLayout>
<TextView
@@ -50,8 +41,9 @@
android:ellipsize="end"
android:fontFamily="@font/gmarket_sans_medium"
android:lines="1"
android:textColor="@color/color_bbbbbb"
android:textSize="12sp"
android:textColor="@color/color_777777"
android:textSize="10.7sp"
tools:ignore="SmallSp"
tools:text="932sld23" />
</LinearLayout>