fix(chat-room): 채팅 아이템 UI, 메시지 입력 창 UI
- 채팅 아이템이 화면을 벗어나는 버그 수정 - 메시지 입력창 글자크기 14sp, rounded corner 32dp
This commit is contained in:
@@ -1,5 +1,4 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!--
|
||||
<?xml version="1.0" encoding="utf-8"?><!--
|
||||
사용자 메시지 아이템 레이아웃
|
||||
- 오른쪽 정렬된 메시지 버블
|
||||
- 버블의 왼쪽에 시간 표시
|
||||
@@ -11,8 +10,8 @@
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:paddingStart="12dp"
|
||||
android:paddingEnd="12dp"
|
||||
android:paddingTop="6dp"
|
||||
android:paddingEnd="12dp"
|
||||
android:paddingBottom="6dp">
|
||||
|
||||
<!-- 전송 시간: 버블의 왼쪽에 표시 -->
|
||||
@@ -20,13 +19,13 @@
|
||||
android:id="@+id/tv_time"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_marginEnd="4dp"
|
||||
android:fontFamily="@font/pretendard_regular"
|
||||
android:includeFontPadding="false"
|
||||
android:textColor="@color/color_777777"
|
||||
android:textSize="12sp"
|
||||
android:includeFontPadding="false"
|
||||
app:layout_constraintBottom_toBottomOf="@id/message_container"
|
||||
app:layout_constraintEnd_toStartOf="@id/message_container"
|
||||
app:layout_constraintStart_toStartOf="parent"
|
||||
android:layout_marginEnd="8dp"/>
|
||||
app:layout_constraintEnd_toStartOf="@id/message_container" />
|
||||
|
||||
<!-- 메시지 버블 컨테이너: 오른쪽 정렬 -->
|
||||
<androidx.constraintlayout.widget.ConstraintLayout
|
||||
@@ -34,30 +33,28 @@
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:background="@drawable/bg_chat_user_message"
|
||||
android:paddingStart="14dp"
|
||||
android:paddingEnd="14dp"
|
||||
android:paddingTop="10dp"
|
||||
android:paddingBottom="10dp"
|
||||
app:layout_constraintTop_toTopOf="parent"
|
||||
android:paddingHorizontal="14dp"
|
||||
android:paddingVertical="10dp"
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
app:layout_constraintStart_toEndOf="@id/tv_time">
|
||||
app:layout_constraintTop_toTopOf="parent">
|
||||
|
||||
<TextView
|
||||
android:id="@+id/tv_message"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:textColor="@android:color/white"
|
||||
android:textSize="15sp"
|
||||
android:lineSpacingExtra="2dp"
|
||||
android:includeFontPadding="false"
|
||||
android:hyphenationFrequency="normal"
|
||||
android:breakStrategy="balanced"
|
||||
android:ellipsize="end"
|
||||
android:fontFamily="@font/pretendard_regular"
|
||||
android:hyphenationFrequency="normal"
|
||||
android:includeFontPadding="false"
|
||||
android:lineSpacingExtra="2dp"
|
||||
android:maxLines="1000"
|
||||
app:layout_constraintTop_toTopOf="parent"
|
||||
android:textColor="@android:color/white"
|
||||
android:textSize="15sp"
|
||||
app:layout_constraintBottom_toBottomOf="parent"
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
app:layout_constraintStart_toStartOf="parent"
|
||||
app:layout_constraintEnd_toEndOf="parent" />
|
||||
app:layout_constraintTop_toTopOf="parent" />
|
||||
|
||||
<!-- 재전송 버튼: FAILED 상태일 때만 보임 -->
|
||||
<ImageView
|
||||
@@ -66,11 +63,11 @@
|
||||
android:layout_height="20dp"
|
||||
android:layout_marginStart="6dp"
|
||||
android:layout_marginTop="-8dp"
|
||||
android:src="@android:drawable/ic_popup_sync"
|
||||
android:background="@android:color/transparent"
|
||||
android:contentDescription="@string/action_retry"
|
||||
android:src="@android:drawable/ic_popup_sync"
|
||||
android:visibility="gone"
|
||||
app:layout_constraintTop_toTopOf="parent"
|
||||
app:layout_constraintEnd_toEndOf="parent" />
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
app:layout_constraintTop_toTopOf="parent" />
|
||||
</androidx.constraintlayout.widget.ConstraintLayout>
|
||||
</androidx.constraintlayout.widget.ConstraintLayout>
|
||||
|
||||
Reference in New Issue
Block a user