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

feat(chat): DM 채팅방 레이아웃을 추가한다

Browse Source
This commit is contained in:
klaus
2026-06-10 19:26:11 +09:00
parent 63a4f5b4f7
commit 06088c578f
4 changed files with 448 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

139
app/src/main/res/layout/activity_dm_chat_room.xml Normal file
View File

@@ -0,0 +1,139 @@
<?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="match_parent"
android:background="@color/color_131313">
<ImageView
android:id="@+id/iv_background_profile"
android:layout_width="0dp"
android:layout_height="0dp"
android:contentDescription="@string/a11y_profile_background"
android:scaleType="centerCrop"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintDimensionRatio="H,2:3"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<View
android:id="@+id/view_character_dim"
android:layout_width="0dp"
android:layout_height="0dp"
android:background="@color/color_99000000"
app:layout_constraintBottom_toBottomOf="@id/iv_background_profile"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@id/iv_background_profile" />
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/header_container"
android:layout_width="0dp"
android:layout_height="60dp"
android:background="@android:color/transparent"
android:paddingHorizontal="16dp"
android:paddingVertical="8dp"
android:paddingTop="4dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<ImageView
android:id="@+id/iv_back"
android:layout_width="24dp"
android:layout_height="24dp"
android:contentDescription="@string/a11y_back"
android:src="@drawable/ic_back"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<ImageView
android:id="@+id/iv_profile"
android:layout_width="36dp"
android:layout_height="36dp"
android:layout_marginStart="12dp"
android:contentDescription="@string/a11y_profile_image"
android:scaleType="centerCrop"
android:src="@drawable/ic_placeholder_profile"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toEndOf="@id/iv_back"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/tv_name"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="12dp"
android:ellipsize="end"
android:fontFamily="@font/bold"
android:maxLines="1"
android:textColor="#FFFFFFFF"
android:textSize="12sp"
app:layout_constraintBottom_toBottomOf="@id/iv_profile"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@id/iv_profile"
app:layout_constraintTop_toTopOf="@id/iv_profile"
tools:text="Creator Name" />
</androidx.constraintlayout.widget.ConstraintLayout>
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/rv_messages"
android:layout_width="0dp"
android:layout_height="0dp"
android:clipToPadding="false"
app:layout_constraintBottom_toTopOf="@id/input_container"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/header_container" />
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/input_container"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:background="@android:color/transparent"
android:padding="12dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent">
<EditText
android:id="@+id/et_message"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:background="@drawable/bg_chat_input"
android:fontFamily="@font/regular"
android:hint="@string/chat_input_placeholder"
android:imeOptions="actionSend|flagNoEnterAction"
android:importantForAutofill="no"
android:inputType="textMultiLine"
android:maxLength="200"
android:maxLines="4"
android:minHeight="48dp"
android:paddingHorizontal="16dp"
android:paddingVertical="8dp"
android:textColor="#FFFFFFFF"
android:textColorHint="#80FFFFFF"
android:textSize="14sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@id/iv_send"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<ImageView
android:id="@+id/iv_send"
android:layout_width="24dp"
android:layout_height="24dp"
android:contentDescription="@string/action_send"
android:src="@drawable/ic_message_send"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

72
app/src/main/res/layout/item_dm_chat_my_message.xml Normal file
View File

@@ -0,0 +1,72 @@
<?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:paddingStart="12dp"
android:paddingTop="6dp"
android:paddingEnd="12dp"
android:paddingBottom="6dp">
<TextView
android:id="@+id/tv_status"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="4dp"
android:fontFamily="@font/regular"
android:includeFontPadding="false"
android:textColor="@color/color_777777"
android:textSize="12sp"
app:layout_constraintBottom_toBottomOf="@id/message_container"
app:layout_constraintEnd_toStartOf="@id/message_container"
tools:text="전송 중" />
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/message_container"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/bg_chat_user_message"
android:paddingHorizontal="14dp"
android:paddingVertical="10dp"
app:layout_constrainedWidth="true"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@id/tv_status"
app:layout_constraintTop_toTopOf="parent">
<TextView
android:id="@+id/tv_message"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:breakStrategy="balanced"
android:ellipsize="end"
android:fontFamily="@font/regular"
android:hyphenationFrequency="normal"
android:includeFontPadding="false"
android:lineSpacingExtra="2dp"
android:maxLines="1000"
android:textColor="@android:color/white"
android:textSize="15sp"
app:layout_constrainedWidth="true"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:text="내가 보낸 DM 메시지입니다." />
</androidx.constraintlayout.widget.ConstraintLayout>
<ImageView
android:id="@+id/iv_retry"
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_marginEnd="6dp"
android:background="@android:color/transparent"
android:contentDescription="@string/action_retry"
android:src="@drawable/ic_dm_retry"
android:visibility="gone"
app:layout_constraintBottom_toTopOf="@id/tv_status"
app:layout_constraintEnd_toStartOf="@id/message_container"
tools:visibility="visible" />
</androidx.constraintlayout.widget.ConstraintLayout>

76
app/src/main/res/layout/item_dm_chat_opponent_message.xml Normal file
View File

@@ -0,0 +1,76 @@
<?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:paddingStart="12dp"
android:paddingTop="6dp"
android:paddingEnd="12dp"
android:paddingBottom="6dp">
<ImageView
android:id="@+id/iv_profile"
android:layout_width="32dp"
android:layout_height="32dp"
android:contentDescription="@string/a11y_profile_image"
android:scaleType="centerCrop"
android:src="@drawable/ic_placeholder_profile"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@id/message_group" />
<LinearLayout
android:id="@+id/message_group"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:orientation="vertical"
app:layout_constraintStart_toEndOf="@id/iv_profile"
app:layout_constraintTop_toTopOf="parent">
<TextView
android:id="@+id/tv_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="2dp"
android:ellipsize="end"
android:fontFamily="@font/regular"
android:includeFontPadding="false"
android:maxLines="1"
android:textColor="@android:color/white"
android:textSize="12sp"
tools:text="Creator Name" />
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/message_container"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/bg_chat_ai_message"
android:paddingHorizontal="10dp"
android:paddingVertical="8dp">
<TextView
android:id="@+id/tv_message"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:breakStrategy="balanced"
android:ellipsize="end"
android:fontFamily="@font/regular"
android:hyphenationFrequency="normal"
android:includeFontPadding="false"
android:lineSpacingExtra="2dp"
android:maxLines="1000"
android:textColor="@android:color/white"
android:textSize="15sp"
app:layout_constrainedWidth="true"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:text="상대가 보낸 DM 메시지입니다." />
</androidx.constraintlayout.widget.ConstraintLayout>
</LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>