지금 라이브 중 전체보기 - UI 표시 방식 수정

- 1줄에 1개 보이던 리스트 방식에서 1줄에 3개씩 표시하는 그리드 방식으로 변경
This commit is contained in:
2024-03-14 17:37:05 +09:00
parent e02ea116ff
commit 6bd5d26882
4 changed files with 166 additions and 114 deletions

View File

@@ -2,6 +2,7 @@
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/black"
android:orientation="vertical">
<include

View File

@@ -2,25 +2,52 @@
<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_width="wrap_content"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/iv_cover"
android:layout_width="80dp"
android:layout_height="116.7dp"
android:layout_width="102dp"
android:layout_height="144dp"
android:contentDescription="@null"
android:scaleType="centerCrop"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:src="@mipmap/ic_launcher" />
tools:src="@drawable/ic_launcher_background" />
<View
android:layout_width="0dp"
android:layout_height="0dp"
android:background="@drawable/gradient_live_room_item"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/tv_price"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="3.3dp"
android:layout_marginTop="3.3dp"
android:drawablePadding="1dp"
android:fontFamily="@font/gmarket_sans_medium"
android:paddingHorizontal="7.3dp"
android:paddingVertical="4dp"
android:textColor="@color/white"
android:textSize="10sp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:background="@drawable/bg_round_corner_13_3_111111"
tools:ignore="SmallSp"
tools:text="유료" />
<ImageView
android:id="@+id/iv_lock"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="13.3dp"
android:layout_marginEnd="13.3dp"
android:layout_marginTop="3.3dp"
android:layout_marginEnd="3.3dp"
android:background="@drawable/bg_circle_b3333333"
android:contentDescription="@null"
android:padding="2.7dp"
@@ -29,73 +56,102 @@
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/tv_nickname"
android:layout_width="0dp"
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="20dp"
android:layout_marginTop="13.3dp"
android:layout_marginEnd="6.7dp"
android:fontFamily="@font/gmarket_sans_medium"
android:textColor="@color/color_bbbbbb"
android:textSize="11.3sp"
app:layout_constraintEnd_toStartOf="@+id/iv_lock"
app:layout_constraintStart_toEndOf="@+id/iv_cover"
app:layout_constraintTop_toTopOf="@+id/iv_cover"
app:layout_goneMarginEnd="20dp"
tools:text="사냥꾼 1004" />
android:layout_marginEnd="3.3dp"
android:layout_marginBottom="11dp"
android:background="@drawable/bg_round_corner_13_3_b3333333"
android:gravity="center"
android:orientation="horizontal"
android:paddingHorizontal="4dp"
android:paddingVertical="3dp"
app:layout_constraintBottom_toTopOf="@+id/tv_title"
app:layout_constraintEnd_toEndOf="parent">
<TextView
android:id="@+id/tv_remaining_participant"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/gmarket_sans_medium"
android:textColor="@color/color_eeeeee"
android:textSize="10sp"
tools:ignore="SmallSp"
tools:text="잔여" />
<TextView
android:id="@+id/tv_remaining_participant_number"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="2dp"
android:fontFamily="@font/gmarket_sans_medium"
android:textColor="@color/color_3bb9f1"
android:textSize="10sp"
tools:ignore="SmallSp"
tools:text="3" />
</LinearLayout>
<TextView
android:id="@+id/tv_title"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="4.3dp"
android:layout_marginEnd="6.7dp"
android:layout_marginTop="8dp"
android:ellipsize="end"
android:fontFamily="@font/gmarket_sans_medium"
android:maxLines="2"
android:textColor="@color/color_e2e2e2"
android:textSize="15.3sp"
app:layout_constraintEnd_toStartOf="@+id/iv_lock"
app:layout_constraintStart_toStartOf="@+id/tv_nickname"
app:layout_constraintTop_toBottomOf="@+id/tv_nickname"
app:layout_goneMarginEnd="20dp"
tools:text="여자들이 좋아하는 남자 스타일은?여자들이 좋아하는 남자 스타일은?여자들이 좋아하는 남자 스타일은?" />
<TextView
android:id="@+id/tv_available_participate"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="3.3dp"
android:fontFamily="@font/gmarket_sans_medium"
android:textColor="@color/color_3bb9f1"
android:textSize="12sp"
app:layout_constraintBottom_toBottomOf="@+id/iv_cover"
app:layout_constraintStart_toStartOf="@+id/tv_title"
tools:text="참여가능" />
<TextView
android:id="@+id/tv_price"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawablePadding="6.7dp"
android:fontFamily="@font/gmarket_sans_bold"
android:gravity="center"
android:textColor="@color/color_eeeeee"
android:textSize="15.3sp"
app:drawableEndCompat="@drawable/ic_can"
app:layout_constraintBottom_toBottomOf="@+id/tv_available_participate"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="@+id/tv_available_participate"
tools:text="500" />
android:textSize="12sp"
app:layout_constraintEnd_toEndOf="@+id/iv_cover"
app:layout_constraintStart_toStartOf="@+id/iv_cover"
app:layout_constraintTop_toBottomOf="@+id/iv_cover"
tools:text="test" />
<View
<LinearLayout
android:layout_width="0dp"
android:layout_height="1dp"
android:layout_marginTop="13.3dp"
android:background="@color/color_88909090"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_available_participate" />
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintEnd_toEndOf="@+id/tv_title"
app:layout_constraintStart_toStartOf="@+id/tv_title"
app:layout_constraintTop_toBottomOf="@+id/tv_title">
<TextView
android:id="@+id/tv_tags"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="5.3dp"
android:fontFamily="@font/gmarket_sans_medium"
android:textColor="@color/color_3bb9f1"
android:textSize="11sp"
app:layout_constraintEnd_toEndOf="@+id/tv_title"
app:layout_constraintStart_toStartOf="@+id/tv_title"
app:layout_constraintTop_toBottomOf="@+id/tv_title"
tools:text="#팬미팅 #힐링" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="5.3dp"
android:gravity="center_vertical"
android:orientation="horizontal"
tools:ignore="UseCompoundDrawables">
<ImageView
android:id="@+id/iv_profile"
android:layout_width="21.3dp"
android:layout_height="21.3dp"
android:contentDescription="@null" />
<TextView
android:id="@+id/tv_nickname"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="5.3dp"
android:fontFamily="@font/gmarket_sans_medium"
android:gravity="center_vertical"
android:textColor="@color/color_777777"
android:textSize="10sp"
tools:ignore="SmallSp"
tools:text="user8" />
</LinearLayout>
</LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>