라이브 - 공지 UI 수정

app/src/main/res/layout/activity_live_room.xml

@@ -9,13 +9,13 @@
 
     <ImageView
         android:id="@+id/iv_cover"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
         android:contentDescription="@null"
         android:visibility="gone"
-        app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent" />
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/ll_top" />
 
     <View
         android:layout_width="0dp"
@@ -37,9 +37,70 @@
         app:layout_constraintBottom_toTopOf="@+id/rl_input_chat"
         app:layout_constraintEnd_toStartOf="@+id/ll_option_buttons"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/ll_top"
+        app:layout_constraintTop_toBottomOf="@+id/fl_margin"
         app:layout_goneMarginEnd="0dp" />
 
+    <FrameLayout
+        android:id="@+id/fl_margin"
+        android:layout_width="0dp"
+        android:layout_height="16dp"
+        android:background="@color/color_222222"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/ll_top" />
+
+    <LinearLayout
+        android:id="@+id/ll_notice"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        android:layout_marginHorizontal="13.3dp"
+        android:layout_marginBottom="13.3dp"
+        android:orientation="vertical"
+        app:layout_constraintBottom_toTopOf="@+id/rl_input_chat"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/ll_top">
+
+        <ImageView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:contentDescription="@null"
+            android:src="@drawable/ic_notice_triangle" />
+
+        <ScrollView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:scrollbars="none">
+
+            <LinearLayout
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="@color/color_333333"
+                android:orientation="vertical"
+                android:padding="8dp">
+
+                <TextView
+                    android:id="@+id/tv_notice_big"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:fontFamily="@font/gmarket_sans_bold"
+                    android:text="[방송공지] "
+                    android:textColor="@color/white"
+                    android:textSize="11.3sp" />
+
+                <TextView
+                    android:id="@+id/tv_notice"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:fontFamily="@font/gmarket_sans_light"
+                    android:lineSpacingExtra="4dp"
+                    android:textColor="@color/white"
+                    android:textSize="11.3sp"
+                    tools:text="jkljkljkljkljkljkljkl" />
+            </LinearLayout>
+        </ScrollView>
+    </LinearLayout>
+
     <LinearLayout
         android:id="@+id/ll_top"
         android:layout_width="0dp"
@@ -67,7 +128,7 @@
                 android:paddingVertical="4.7dp"
                 android:text="나가기"
                 android:textColor="@color/color_ff5c49"
-                android:textSize="10sp"
+                android:textSize="12sp"
                 tools:ignore="SmallSp" />
 
             <LinearLayout
@@ -91,7 +152,7 @@
                     android:paddingVertical="4.7dp"
                     android:text="배경 OFF"
                     android:textColor="@color/color_eeeeee"
-                    android:textSize="10sp"
+                    android:textSize="12sp"
                     tools:ignore="SmallSp" />
 
                 <ImageView
@@ -101,7 +162,7 @@
                     android:layout_marginEnd="5.3dp"
                     android:background="@drawable/bg_round_corner_5_3_transparent_bbbbbb"
                     android:contentDescription="@null"
-                    android:padding="2.7dp"
+                    android:padding="4dp"
                     android:src="@drawable/ic_share" />
 
                 <ImageView
@@ -128,19 +189,35 @@
                 android:background="@drawable/bg_round_corner_5_3_transparent_bbbbbb"
                 android:padding="5.3dp">
 
-                <ImageView
-                    android:id="@+id/iv_creator_profile"
-                    android:layout_width="33.3dp"
-                    android:layout_height="33.3dp"
-                    android:layout_centerVertical="true"
-                    android:contentDescription="@null" />
-
-                <ImageView
-                    android:id="@+id/iv_creator_profile_bg"
+                <RelativeLayout
+                    android:id="@+id/rl_creator_profile"
                     android:layout_width="36.7dp"
-                    android:layout_height="36.7dp"
-                    android:background="@drawable/bg_round_corner_46_7_transparent_3bb9f1"
-                    android:contentDescription="@null" />
+                    android:layout_height="36.7dp">
+
+                    <ImageView
+                        android:id="@+id/iv_creator_profile"
+                        android:layout_width="33.3dp"
+                        android:layout_height="33.3dp"
+                        android:layout_centerInParent="true"
+                        android:contentDescription="@null" />
+
+                    <ImageView
+                        android:id="@+id/iv_creator_profile_bg"
+                        android:layout_width="match_parent"
+                        android:layout_height="match_parent"
+                        android:layout_centerInParent="true"
+                        android:background="@drawable/bg_round_corner_46_7_transparent_3bb9f1"
+                        android:contentDescription="@null" />
+
+                    <ImageView
+                        android:id="@+id/iv_mute"
+                        android:layout_width="match_parent"
+                        android:layout_height="match_parent"
+                        android:layout_centerInParent="true"
+                        android:contentDescription="@null"
+                        android:src="@drawable/ic_mute"
+                        android:visibility="gone" />
+                </RelativeLayout>
 
                 <LinearLayout
                     android:layout_width="wrap_content"
@@ -148,7 +225,7 @@
                     android:layout_centerVertical="true"
                     android:layout_marginHorizontal="5.3dp"
                     android:layout_toStartOf="@+id/iv_creator_follow"
-                    android:layout_toEndOf="@+id/iv_creator_profile"
+                    android:layout_toEndOf="@+id/rl_creator_profile"
                     android:orientation="vertical">
 
                     <LinearLayout
@@ -163,11 +240,11 @@
                             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:padding="3.3dp"
                             android:text="19"
                             android:textColor="@color/color_e33621"
-                            android:textSize="12sp" />
+                            android:textSize="10.7sp"
+                            tools:ignore="SmallSp" />
 
                         <TextView
                             android:id="@+id/tv_title"
@@ -233,8 +310,7 @@
                 android:paddingVertical="5.3dp"
                 android:text="공지"
                 android:textColor="@color/color_3bb9f1"
-                android:textSize="10.7sp"
-                app:drawableStartCompat="@drawable/ic_notice"
+                android:textSize="12sp"
                 tools:ignore="SmallSp" />
 
             <LinearLayout
@@ -268,7 +344,7 @@
                         android:fontFamily="@font/gmarket_sans_medium"
                         android:gravity="center_vertical"
                         android:textColor="@color/color_bbbbbb"
-                        android:textSize="10.7sp"
+                        android:textSize="12sp"
                         tools:ignore="SmallSp"
                         tools:text="999,999,999,999" />
                 </LinearLayout>
@@ -290,7 +366,7 @@
                         android:fontFamily="@font/gmarket_sans_medium"
                         android:text="참여자"
                         android:textColor="@color/color_bbbbbb"
-                        android:textSize="10.7sp"
+                        android:textSize="12sp"
                         tools:ignore="SmallSp" />
 
                     <TextView
@@ -300,50 +376,12 @@
                         android:layout_marginStart="6.7dp"
                         android:fontFamily="@font/gmarket_sans_bold"
                         android:textColor="@color/color_bbbbbb"
-                        android:textSize="10.7sp"
+                        android:textSize="12sp"
                         tools:ignore="RelativeOverlap,SmallSp"
                         tools:text="18" />
                 </LinearLayout>
             </LinearLayout>
         </RelativeLayout>
-
-        <ScrollView
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="10dp"
-            android:scrollbars="none">
-
-            <RelativeLayout
-                android:id="@+id/rl_notice"
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:background="@color/color_3d2a6c"
-                android:paddingHorizontal="26.7dp"
-                android:paddingVertical="13.3dp">
-
-                <TextView
-                    android:id="@+id/tv_notice_big"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:fontFamily="@font/gmarket_sans_bold"
-                    android:text="[공지] "
-                    android:textColor="@color/white"
-                    android:textSize="11.3sp" />
-
-                <TextView
-                    android:id="@+id/tv_notice"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_toEndOf="@+id/tv_notice_big"
-                    android:ellipsize="end"
-                    android:fontFamily="@font/gmarket_sans_light"
-                    android:lineSpacingExtra="4dp"
-                    android:maxLines="1"
-                    android:textColor="@color/white"
-                    android:textSize="11.3sp"
-                    tools:text="jkljkljkljkljkljkljkl" />
-            </RelativeLayout>
-        </ScrollView>
     </LinearLayout>
 
     <ImageView
@@ -374,7 +412,7 @@
             android:layout_height="wrap_content"
             android:layout_marginBottom="13.3dp"
             android:background="@drawable/bg_round_corner_10_99525252"
-            android:padding="10dp"
+            android:padding="8dp"
             android:visibility="gone">
 
             <ImageView
@@ -391,7 +429,7 @@
             android:layout_height="wrap_content"
             android:layout_marginBottom="13.3dp"
             android:background="@drawable/bg_round_corner_10_99525252"
-            android:padding="10dp"
+            android:padding="8dp"
             android:visibility="gone">
 
             <ImageView
@@ -408,7 +446,7 @@
             android:layout_height="wrap_content"
             android:layout_marginBottom="13.3dp"
             android:background="@drawable/bg_round_corner_10_99525252"
-            android:padding="10dp"
+            android:padding="8dp"
             android:visibility="gone">
 
             <ImageView
@@ -426,7 +464,7 @@
             android:layout_height="wrap_content"
             android:layout_marginBottom="13.3dp"
             android:background="@drawable/bg_round_corner_10_99525252"
-            android:padding="10dp">
+            android:padding="8dp">
 
             <ImageView
                 android:id="@+id/iv_speaker_mute"
@@ -443,7 +481,7 @@
             android:layout_height="wrap_content"
             android:layout_marginBottom="13.3dp"
             android:background="@drawable/bg_round_corner_10_99525252"
-            android:padding="10dp">
+            android:padding="8dp">
 
             <ImageView
                 android:layout_width="24dp"
@@ -459,7 +497,7 @@
             android:layout_height="wrap_content"
             android:layout_marginBottom="13.3dp"
             android:background="@drawable/bg_round_corner_10_99525252"
-            android:padding="10dp"
+            android:padding="8dp"
             android:visibility="gone">
 
             <ImageView