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

fix(chat-room): header_container

Browse Source 
- 이름과 캐릭터 타입을 세로로 표시
This commit is contained in:
klaus
2025-08-14 23:01:31 +09:00
parent 92883ee577
commit 3d727f07fa
1 changed files with 87 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

148
app/src/main/res/layout/activity_chat_room.xml
View File

@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="match_parent" android:layout_height="match_parent"
android:background="@color/color_131313"> android:background="@color/color_131313">
@@ -11,12 +11,12 @@
android:id="@+id/iv_background_profile" android:id="@+id/iv_background_profile"
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="0dp" android:layout_height="0dp"
android:contentDescription="@string/a11y_profile_background"
android:scaleType="centerCrop" android:scaleType="centerCrop"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent" app:layout_constraintEnd_toEndOf="parent"
android:contentDescription="@string/a11y_profile_background" /> app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<!-- 딤 처리 (activity_character_detail.xml의 view_character_dim 스타일 참조) --> <!-- 딤 처리 (activity_character_detail.xml의 view_character_dim 스타일 참조) -->
<View <View
@@ -24,10 +24,10 @@
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="0dp" android:layout_height="0dp"
android:background="@color/color_99000000" android:background="@color/color_99000000"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent" app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent" /> app:layout_constraintTop_toTopOf="parent" />
<!-- 상태바 영역 배경 --> <!-- 상태바 영역 배경 -->
<View <View
@@ -35,74 +35,82 @@
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="24dp" android:layout_height="24dp"
android:background="@android:color/transparent" android:background="@android:color/transparent"
app:layout_constraintTop_toTopOf="parent" app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent" app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent" /> app:layout_constraintTop_toTopOf="parent" />
<!-- 헤더 영역 --> <!-- 헤더 영역 -->
<androidx.constraintlayout.widget.ConstraintLayout <androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/header_container" android:id="@+id/header_container"
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="56dp" android:layout_height="56dp"
android:paddingStart="16dp"
android:paddingEnd="16dp"
android:paddingTop="8dp"
android:paddingBottom="8dp"
android:background="@android:color/transparent" android:background="@android:color/transparent"
app:layout_constraintTop_toBottomOf="@id/status_bar_background" android:paddingHorizontal="16dp"
android:paddingVertical="8dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent" app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"> app:layout_constraintTop_toBottomOf="@id/status_bar_background">
<ImageView <ImageView
android:id="@+id/iv_back" android:id="@+id/iv_back"
android:layout_width="24dp" android:layout_width="24dp"
android:layout_height="24dp" android:layout_height="24dp"
android:src="@drawable/ic_back"
android:contentDescription="@string/a11y_back" android:contentDescription="@string/a11y_back"
android:src="@drawable/ic_back"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent" app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" app:layout_constraintTop_toTopOf="parent" />
app:layout_constraintBottom_toBottomOf="parent" />
<ImageView <ImageView
android:id="@+id/iv_profile" android:id="@+id/iv_profile"
android:layout_width="36dp" android:layout_width="36dp"
android:layout_height="36dp" android:layout_height="36dp"
android:layout_marginStart="12dp" android:layout_marginStart="12dp"
android:src="@drawable/ic_placeholder_profile"
android:contentDescription="@string/a11y_profile_image" android:contentDescription="@string/a11y_profile_image"
android:src="@drawable/ic_placeholder_profile"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toEndOf="@id/iv_back" app:layout_constraintStart_toEndOf="@id/iv_back"
app:layout_constraintTop_toTopOf="parent" app:layout_constraintTop_toTopOf="parent" />
app:layout_constraintBottom_toBottomOf="parent" />
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_marginStart="12dp"
android:orientation="vertical"
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">
<TextView <TextView
android:id="@+id/tv_name" android:id="@+id/tv_name"
android:layout_width="0dp" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginStart="12dp"
android:text="Character Name"
android:textColor="#FFFFFFFF"
android:textSize="16sp"
android:maxLines="1"
android:ellipsize="end" android:ellipsize="end"
android:fontFamily="@font/pretendard_bold"
android:maxLines="1"
android:textColor="#FFFFFFFF"
android:textSize="12sp"
app:layout_constraintStart_toEndOf="@id/iv_profile" app:layout_constraintStart_toEndOf="@id/iv_profile"
app:layout_constraintTop_toTopOf="@id/iv_profile" app:layout_constraintTop_toTopOf="@id/iv_profile"
app:layout_constraintEnd_toStartOf="@id/tv_character_type_badge" /> tools:text="Character Name" />
<TextView <TextView
android:id="@+id/tv_character_type_badge" android:id="@+id/tv_character_type_badge"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginStart="8dp" android:layout_marginTop="4dp"
android:paddingStart="8dp"
android:paddingEnd="8dp"
android:paddingTop="4dp"
android:paddingBottom="4dp"
android:text="Clone"
android:textColor="#FFFFFFFF"
android:textSize="12sp"
android:background="@drawable/bg_character_status_clone" android:background="@drawable/bg_character_status_clone"
android:fontFamily="@font/pretendard_regular"
android:paddingHorizontal="4dp"
android:paddingVertical="2dp"
android:textColor="#FFFFFFFF"
android:textSize="10sp"
app:layout_constraintBottom_toBottomOf="@id/iv_profile"
app:layout_constraintEnd_toEndOf="parent" app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintBottom_toBottomOf="@id/iv_profile" /> tools:ignore="SmallSp"
tools:text="Clone" />
</LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout> </androidx.constraintlayout.widget.ConstraintLayout>
@@ -112,24 +120,24 @@
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginStart="16dp" android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:layout_marginTop="8dp" android:layout_marginTop="8dp"
android:padding="12dp" android:layout_marginEnd="16dp"
android:background="@drawable/bg_chat_notice" android:background="@drawable/bg_chat_notice"
app:layout_constraintTop_toBottomOf="@id/header_container" android:padding="12dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent" app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"> app:layout_constraintTop_toBottomOf="@id/header_container">
<ImageView <ImageView
android:id="@+id/iv_notice_icon" android:id="@+id/iv_notice_icon"
android:layout_width="20dp" android:layout_width="20dp"
android:layout_height="20dp" android:layout_height="20dp"
android:src="@android:drawable/ic_dialog_info"
app:tint="#FFFFFFFF"
android:contentDescription="@string/a11y_notice" android:contentDescription="@string/a11y_notice"
android:src="@android:drawable/ic_dialog_info"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent" app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent" /> app:tint="#FFFFFFFF" />
<TextView <TextView
android:id="@+id/tv_notice_message" android:id="@+id/tv_notice_message"
@@ -137,24 +145,24 @@
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginStart="8dp" android:layout_marginStart="8dp"
android:layout_marginEnd="8dp" android:layout_marginEnd="8dp"
android:text="@string/chat_notice_clone"
android:textColor="#FFFFFFFF" android:textColor="#FFFFFFFF"
android:textSize="12sp" android:textSize="12sp"
android:text="@string/chat_notice_clone"
app:layout_constraintStart_toEndOf="@id/iv_notice_icon"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@id/iv_collapse" /> app:layout_constraintEnd_toStartOf="@id/iv_collapse"
app:layout_constraintStart_toEndOf="@id/iv_notice_icon"
app:layout_constraintTop_toTopOf="parent" />
<ImageView <ImageView
android:id="@+id/iv_collapse" android:id="@+id/iv_collapse"
android:layout_width="20dp" android:layout_width="20dp"
android:layout_height="20dp" android:layout_height="20dp"
android:src="@android:drawable/arrow_up_float"
app:tint="#FFFFFFFF"
android:contentDescription="@string/a11y_collapse" android:contentDescription="@string/a11y_collapse"
android:src="@android:drawable/arrow_up_float"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent" app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent" app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent" /> app:tint="#FFFFFFFF" />
</androidx.constraintlayout.widget.ConstraintLayout> </androidx.constraintlayout.widget.ConstraintLayout>
@@ -163,54 +171,52 @@
android:id="@+id/rv_messages" android:id="@+id/rv_messages"
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="0dp" android:layout_height="0dp"
android:paddingStart="12dp"
android:paddingEnd="12dp"
android:clipToPadding="false" android:clipToPadding="false"
app:layout_constraintTop_toBottomOf="@id/notice_container"
app:layout_constraintBottom_toTopOf="@id/input_container" app:layout_constraintBottom_toTopOf="@id/input_container"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent" app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent" /> app:layout_constraintTop_toBottomOf="@id/notice_container" />
<!-- 입력 영역 --> <!-- 입력 영역 -->
<androidx.constraintlayout.widget.ConstraintLayout <androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/input_container" android:id="@+id/input_container"
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:padding="12dp"
android:background="@android:color/transparent" android:background="@android:color/transparent"
android:padding="12dp"
app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent" app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintEnd_toEndOf="parent"> app:layout_constraintStart_toStartOf="parent">
<EditText <EditText
android:id="@+id/et_message" android:id="@+id/et_message"
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="48dp" android:layout_height="48dp"
android:layout_marginEnd="8dp" android:layout_marginEnd="8dp"
android:paddingStart="16dp" android:background="@drawable/bg_chat_input"
android:paddingEnd="16dp"
android:hint="@string/chat_input_placeholder" android:hint="@string/chat_input_placeholder"
android:imeOptions="actionSend|flagNoEnterAction"
android:inputType="textMultiLine"
android:maxLength="200" android:maxLength="200"
android:maxLines="4" android:maxLines="4"
android:background="@drawable/bg_chat_input" android:paddingStart="16dp"
android:paddingEnd="16dp"
android:textColor="#FFFFFFFF" android:textColor="#FFFFFFFF"
android:textColorHint="#80FFFFFF" android:textColorHint="#80FFFFFF"
android:inputType="textMultiLine" app:layout_constraintBottom_toBottomOf="parent"
android:imeOptions="actionSend|flagNoEnterAction"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toStartOf="@id/iv_send" app:layout_constraintEnd_toStartOf="@id/iv_send"
app:layout_constraintTop_toTopOf="parent" app:layout_constraintStart_toStartOf="parent"
app:layout_constraintBottom_toBottomOf="parent" /> app:layout_constraintTop_toTopOf="parent" />
<ImageView <ImageView
android:id="@+id/iv_send" android:id="@+id/iv_send"
android:layout_width="48dp" android:layout_width="24dp"
android:layout_height="48dp" android:layout_height="24dp"
android:contentDescription="@string/action_send"
android:src="@drawable/ic_message_send" android:src="@drawable/ic_message_send"
android:contentDescription="전송" app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent" app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent" app:layout_constraintTop_toTopOf="parent" />
app:layout_constraintBottom_toBottomOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout> </androidx.constraintlayout.widget.ConstraintLayout>