klaus/sodalive-android
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 메인 라이브

Browse Source 
- 라이브 예약 중 UI 변경
This commit is contained in:
klaus
2025-07-17 20:49:44 +09:00
parent 0c7c7946c6
commit 440104a7d1
14 changed files with 580 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/src/main/res/layout/fragment_live.xml
View File

@@ -91,6 +91,8 @@
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="48dp"
android:clipToPadding="false"
android:paddingHorizontal="24dp"
android:visibility="gone" />
<include

246
app/src/main/res/layout/item_my_live_reservation.xml
View File

@@ -13,87 +13,211 @@
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:drawablePadding="8dp"
android:fontFamily="@font/gmarket_sans_bold"
android:fontFamily="@font/pretendard_bold"
android:text="내가 개설한 라이브"
android:textColor="@color/color_80d8ff"
android:textSize="16sp"
android:textSize="18sp"
app:drawableStartCompat="@drawable/ic_mic_colored" />
<RelativeLayout
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/bg_round_corner_8_transparent_3bb9f1"
android:orientation="horizontal"
android:padding="1dp">
android:background="@drawable/live_booking_card_background_with_stroke"
android:padding="14dp">
<ImageView
android:id="@+id/iv_cover"
android:layout_width="80dp"
android:layout_height="116.7dp"
android:id="@+id/iv_profile"
android:layout_width="107dp"
android:layout_height="107dp"
android:contentDescription="@null"
android:scaleType="centerCrop"
android:src="@drawable/ic_placeholder_profile"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
app:layout_constraintTop_toTopOf="parent"
tools:src="@tools:sample/avatars" />
<!-- Content Area -->
<LinearLayout
android:layout_width="match_parent"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginStart="30dp"
android:layout_toStartOf="@+id/iv_lock"
android:layout_toEndOf="@+id/iv_cover"
android:orientation="vertical">
<TextView
android:id="@+id/tv_date"
android:layout_width="wrap_content"
android:layout_marginHorizontal="16dp"
android:layout_weight="1"
android:orientation="vertical"
app:layout_constraintBottom_toBottomOf="@+id/iv_profile"
app:layout_constraintEnd_toStartOf="@+id/ll_date"
app:layout_constraintStart_toEndOf="@+id/iv_profile"
app:layout_constraintTop_toTopOf="@+id/iv_profile">
<!-- Title -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fontFamily="@font/gmarket_sans_medium"
android:textColor="@color/color_ffd300"
android:textSize="9.3sp"
tools:ignore="SmallSp"
tools:text="2021.06.20 SUN 10:00 PM" />
android:gravity="center_vertical"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_nickname"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:layout_marginBottom="4dp"
android:fontFamily="@font/gmarket_sans_medium"
android:textColor="@color/color_bbbbbb"
android:textSize="11.3sp"
tools:text="사냥꾼 1004" />
<TextView
android:id="@+id/tv_nickname"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/pretendard_regular"
android:textColor="#FFFFFF"
android:textSize="18sp"
tools:text="우기라스" />
<TextView
android:id="@+id/tv_title"
android:layout_width="wrap_content"
</LinearLayout>
<!-- Content -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ellipsize="end"
android:fontFamily="@font/gmarket_sans_medium"
android:maxLines="2"
android:textColor="@color/color_e2e2e2"
android:textSize="15.3sp"
tools:text="여자들이 좋아하는 남자 스타일은?" />
android:orientation="vertical">
<TextView
android:id="@+id/tv_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginVertical="8dp"
android:ellipsize="end"
android:fontFamily="@font/pretendard_regular"
android:maxLines="2"
android:textColor="#B0BEC5"
android:textSize="16sp"
tools:text="평범한 가족의 아슬아슬한 이중생활..." />
<!-- Time Info -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_day_of_week"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/pretendard_regular"
android:textColor="#78909C"
android:textSize="16sp"
tools:text="월" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginHorizontal="4dp"
android:fontFamily="@font/pretendard_regular"
android:text="|"
android:textColor="#78909C"
android:textSize="16sp" />
<TextView
android:id="@+id/tv_time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/pretendard_regular"
android:textColor="#98A2F6"
android:textSize="16sp"
tools:text="오후 03:30" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
<ImageView
android:id="@+id/iv_lock"
<!-- Right Area -->
<LinearLayout
android:id="@+id/ll_date"
android:layout_width="52dp"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent">
<!-- Month -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/date_month_background"
android:gravity="center"
android:paddingVertical="4dp">
<TextView
android:id="@+id/tv_month"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/pretendard_bold"
android:lineSpacingMultiplier="1.2"
android:textColor="#FFFFFF"
android:textSize="14sp"
android:textStyle="bold"
tools:text="6월" />
</LinearLayout>
<!-- Day -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/date_day_background"
android:gravity="center"
android:paddingVertical="4dp">
<TextView
android:id="@+id/tv_day"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/pretendard_bold"
android:lineSpacingMultiplier="1.2"
android:textColor="#263238"
android:textSize="16sp"
tools:text="27" />
</LinearLayout>
</LinearLayout>
<!-- Payment Status -->
<LinearLayout
android:id="@+id/ll_can"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentEnd="true"
android:layout_marginTop="13.3dp"
android:layout_marginEnd="13.3dp"
android:background="@drawable/bg_circle_b3333333"
android:contentDescription="@null"
android:padding="2.7dp"
android:src="@drawable/ic_lock"
android:visibility="gone" />
</RelativeLayout>
android:layout_alignParentBottom="true"
android:background="@drawable/payment_background"
android:gravity="center_vertical"
android:minWidth="52dp"
android:orientation="horizontal"
android:padding="4dp"
android:visibility="gone"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent">
<View
android:id="@+id/divider"
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_marginTop="13dp"
android:background="@color/color_88909090" />
<ImageView
android:layout_width="16dp"
android:layout_height="16dp"
android:layout_marginEnd="2dp"
android:contentDescription="@null"
android:src="@drawable/ic_can_circle" />
<TextView
android:id="@+id/tv_can"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/pretendard_regular"
android:textColor="#FFFFFF"
android:textSize="14sp"
tools:text="1,000" />
</LinearLayout>
<TextView
android:id="@+id/tv_free"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/payment_free_background"
android:fontFamily="@font/pretendard_regular"
android:gravity="center"
android:minWidth="52dp"
android:padding="4dp"
android:text="무료"
android:textColor="#263238"
android:textSize="14sp"
android:visibility="gone"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
</LinearLayout>

219
app/src/main/res/layout/live_booking_card.xml Normal file
View File

@@ -0,0 +1,219 @@
<?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"
android:background="@drawable/live_booking_card_background"
android:padding="14dp">
<ImageView
android:id="@+id/iv_profile"
android:layout_width="107dp"
android:layout_height="107dp"
android:contentDescription="@null"
android:scaleType="centerCrop"
android:src="@drawable/ic_placeholder_profile"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:src="@tools:sample/avatars" />
<!-- Content Area -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginHorizontal="16dp"
android:layout_weight="1"
android:orientation="vertical"
app:layout_constraintBottom_toBottomOf="@+id/iv_profile"
app:layout_constraintEnd_toStartOf="@+id/ll_date"
app:layout_constraintStart_toEndOf="@+id/iv_profile"
app:layout_constraintTop_toTopOf="@+id/iv_profile">
<!-- Title -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_nickname"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/pretendard_regular"
android:textColor="#FFFFFF"
android:textSize="18sp"
tools:text="우기라스" />
</LinearLayout>
<!-- Content -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView
android:id="@+id/tv_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginVertical="8dp"
android:ellipsize="end"
android:fontFamily="@font/pretendard_regular"
android:maxLines="2"
android:textColor="#B0BEC5"
android:textSize="16sp"
tools:text="평범한 가족의 아슬아슬한 이중생활..." />
<!-- Time Info -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_day_of_week"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/pretendard_regular"
android:textColor="#78909C"
android:textSize="16sp"
tools:text="월" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginHorizontal="4dp"
android:fontFamily="@font/pretendard_regular"
android:text="|"
android:textColor="#78909C"
android:textSize="16sp" />
<TextView
android:id="@+id/tv_time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/pretendard_regular"
android:textColor="#98A2F6"
android:textSize="16sp"
tools:text="오후 03:30" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
<!-- Right Area -->
<LinearLayout
android:id="@+id/ll_date"
android:layout_width="52dp"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent">
<!-- Month -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/date_month_background"
android:gravity="center"
android:paddingVertical="4dp">
<TextView
android:id="@+id/tv_month"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/pretendard_bold"
android:lineSpacingMultiplier="1.2"
android:textColor="#FFFFFF"
android:textSize="14sp"
android:textStyle="bold"
tools:text="6월" />
</LinearLayout>
<!-- Day -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/date_day_background"
android:gravity="center"
android:paddingVertical="4dp">
<TextView
android:id="@+id/tv_day"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/pretendard_bold"
android:lineSpacingMultiplier="1.2"
android:textColor="#263238"
android:textSize="16sp"
tools:text="27" />
</LinearLayout>
</LinearLayout>
<!-- Payment Status -->
<LinearLayout
android:id="@+id/ll_can"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/payment_background"
android:gravity="center_vertical"
android:minWidth="52dp"
android:orientation="horizontal"
android:paddingHorizontal="4dp"
android:paddingVertical="2dp"
android:visibility="gone"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent">
<ImageView
android:layout_width="16dp"
android:layout_height="16dp"
android:layout_marginEnd="2dp"
android:contentDescription="@null"
android:src="@drawable/ic_can_circle" />
<TextView
android:id="@+id/tv_can"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/pretendard_regular"
android:textColor="#FFFFFF"
android:textSize="14sp"
tools:text="300" />
</LinearLayout>
<TextView
android:id="@+id/tv_complete_reservation"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/reservation_complete_background"
android:fontFamily="@font/pretendard_regular"
android:minWidth="52dp"
android:padding="4dp"
android:text="예약완료"
android:textColor="#FFF"
android:textSize="14sp"
android:visibility="gone"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent" />
<TextView
android:id="@+id/tv_free"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/payment_free_background"
android:fontFamily="@font/pretendard_regular"
android:gravity="center"
android:minWidth="52dp"
android:padding="4dp"
android:text="무료"
android:textColor="#263238"
android:textSize="14sp"
android:visibility="gone"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>