From 4caa8fe886ae44ea241d294685e3dc3ae5791fcf Mon Sep 17 00:00:00 2001
From: Nahyun Kim <hedghog1004@naver.com>
Date: Wed, 8 Jan 2025 17:08:12 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Design:=20=EC=B9=9C=EA=B5=AC=20?=
 =?UTF-8?q?=EC=B4=88=EB=8C=80=20=ED=99=94=EB=A9=B4=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 초대할 친구 아이템 UI 구현
- 전체 선택 취소, 초대 현황 표시, 초대하기 버튼

Related to: #347
---
 .../moim/schedule/FriendInviteActivity.kt     |   9 ++
 .../moim/schedule/FriendInviteViewModel.kt    |   5 +
 .../res/layout/activity_friend_invite.xml     | 112 ++++++++++++++++--
 .../main/res/layout/item_friend_invite.xml    |  20 ++--
 .../main/res/layout/item_friend_to_invite.xml |  64 ++++++++++
 app/src/main/res/values/strings.xml           |  15 ++-
 6 files changed, 204 insertions(+), 21 deletions(-)
 create mode 100644 app/src/main/res/layout/item_friend_to_invite.xml

diff --git a/app/src/main/java/com/mongmong/namo/presentation/ui/community/moim/schedule/FriendInviteActivity.kt b/app/src/main/java/com/mongmong/namo/presentation/ui/community/moim/schedule/FriendInviteActivity.kt
index 2a883549..55605092 100644
--- a/app/src/main/java/com/mongmong/namo/presentation/ui/community/moim/schedule/FriendInviteActivity.kt
+++ b/app/src/main/java/com/mongmong/namo/presentation/ui/community/moim/schedule/FriendInviteActivity.kt
@@ -1,5 +1,6 @@
 package com.mongmong.namo.presentation.ui.community.moim.schedule
 
+import android.text.Html
 import androidx.activity.viewModels
 import androidx.recyclerview.widget.LinearLayoutManager
 import com.mongmong.namo.R
@@ -29,12 +30,19 @@ class FriendInviteActivity : BaseActivity<ActivityFriendInviteBinding>(R.layout.
         }
     }
 
+    // 초대한 친구 현황 표시용
+    private fun setFriendSelectedNum() {
+        // {초대할 친구 수} / {전체 친구 수}
+        binding.friendInviteSelectedNumTv.text = Html.fromHtml(String.format(resources.getString(R.string.moim_schedule_friend_invite_selected_num), viewModel.friendToInviteList.value?.size, viewModel.friendList.value?.size))
+    }
+
     private fun setAdapter() {
         friendAdapter = FriendInviteRVAdapter()
         binding.friendInviteListRv.apply {
             adapter = friendAdapter
             layoutManager = LinearLayoutManager(context)
         }
+
         friendAdapter.setItemClickListener(object : FriendInviteRVAdapter.MyItemClickListener {
             override fun onInviteButtonClick(position: Int) {
                 //TODO: 친구 초대 진행
@@ -51,6 +59,7 @@ class FriendInviteActivity : BaseActivity<ActivityFriendInviteBinding>(R.layout.
             if (it.isNotEmpty()) {
                 setAdapter()
                 friendAdapter.addFriend(it)
+                setFriendSelectedNum()
             }
         }
     }
diff --git a/app/src/main/java/com/mongmong/namo/presentation/ui/community/moim/schedule/FriendInviteViewModel.kt b/app/src/main/java/com/mongmong/namo/presentation/ui/community/moim/schedule/FriendInviteViewModel.kt
index 0fc9574a..00507150 100644
--- a/app/src/main/java/com/mongmong/namo/presentation/ui/community/moim/schedule/FriendInviteViewModel.kt
+++ b/app/src/main/java/com/mongmong/namo/presentation/ui/community/moim/schedule/FriendInviteViewModel.kt
@@ -14,9 +14,14 @@ import javax.inject.Inject
 class FriendInviteViewModel @Inject constructor(
     private val getFriendsUseCase: GetFriendsUseCase,
 ): ViewModel() {
+    // 모든 친구 목록
     private val _friendList = MutableLiveData<List<Friend>>()
     val friendList: LiveData<List<Friend>> = _friendList
 
+    // 초대할 친구 목록
+    private val _friendToInviteList = MutableLiveData<List<Friend>>(emptyList())
+    val friendToInviteList: LiveData<List<Friend>> = _friendToInviteList
+
     init {
         getFriends()
     }
diff --git a/app/src/main/res/layout/activity_friend_invite.xml b/app/src/main/res/layout/activity_friend_invite.xml
index d036debe..74494c88 100644
--- a/app/src/main/res/layout/activity_friend_invite.xml
+++ b/app/src/main/res/layout/activity_friend_invite.xml
@@ -69,36 +69,130 @@
             app:layout_constraintTop_toTopOf="@id/friend_invite_search_et"
             style="@style/search_btn"/>
 
+        <!-- 친구 리스트가 없을 때 표시할 empty view -->
         <LinearLayout
+            android:id="@+id/friend_invite_empty_ll"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            android:layout_gravity="center"
+            android:visibility="@{viewModel.friendList.empty ? View.VISIBLE : View.GONE}"
+            app:layout_constraintTop_toBottomOf="@id/friend_invite_search_btn"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent">
+
+            <ImageView
+                android:layout_width="300dp"
+                android:layout_height="200dp"
+                android:src="@drawable/img_group_empty"/>
+
+            <TextView
+                android:id="@+id/friend_invite_empty_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="40dp"
+                android:layout_gravity="center_horizontal"
+                android:textAlignment="center"
+                android:text="@string/moim_schedule_invite_friend_empty"
+                style="@style/content_regular"/>
+
+        </LinearLayout>
+
+        <!-- 초대할 친구 -->
+        <LinearLayout
+            android:id="@+id/friend_invite_preparatory_ll"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_marginTop="20dp"
+            android:layout_marginHorizontal="25dp"
             android:orientation="vertical"
             app:layout_constraintTop_toBottomOf="@id/friend_invite_search_btn">
 
             <androidx.appcompat.widget.AppCompatTextView
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_marginHorizontal="25dp"
                 android:text="@string/moim_schedule_invite_friend"
-                android:drawableEnd="@drawable/ic_arrow_up"
                 style="@style/content_bold"/>
 
+            <androidx.recyclerview.widget.RecyclerView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="12dp"
+                app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
+                android:orientation="horizontal"
+                tools:listitem="@layout/item_friend_to_invite"/>
+
+        </LinearLayout>
+
+        <!-- 초대 -->
+        <LinearLayout
+            android:id="@+id/friend_invite_reset_ll"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="16dp"
+            android:layout_marginHorizontal="25dp"
+            android:orientation="horizontal"
+            android:visibility="@{viewModel.friendToInviteList.empty ? View.GONE : View.VISIBLE}"
+            app:layout_constraintTop_toBottomOf="@id/friend_invite_preparatory_ll">
+
             <TextView
-                android:id="@+id/friend_invite_empty_tv"
+                android:id="@+id/friend_invite_reset_btn"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:layout_marginTop="16dp"
-                android:layout_gravity="center_horizontal"
-                android:text="@string/moim_schedule_invite_friend_empty"
-                style="@style/content_regular"/>
+                android:padding="3dp"
+                android:text="@string/moim_schedule_invite_friend_reset"
+                android:textColor="@color/main_text"
+                style="@style/subtext_14"/>
+
+            <View
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
+                android:layout_weight="1"/>
+
+            <TextView
+                android:id="@+id/friend_invite_selected_num_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:textColor="@color/text_placeholder"
+                tools:text="3 / 7"
+                style="@style/button_label"/>
+
+            <TextView
+                android:id="@+id/friend_invite_btn"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="12dp"
+                android:paddingHorizontal="12dp"
+                android:paddingVertical="4dp"
+                android:background="@drawable/bg_basic_btn"
+                android:textColor="@color/white"
+                android:text="@string/moim_schedule_do_invite"
+                style="@style/button_label"/>
+
+        </LinearLayout>
+
+        <!-- 모든 친구 -->
+        <LinearLayout
+            android:id="@+id/friend_invite_all_friend_ll"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="20dp"
+            android:layout_marginHorizontal="25dp"
+            android:orientation="vertical"
+            app:layout_constraintTop_toBottomOf="@id/friend_invite_reset_ll">
+
+            <androidx.appcompat.widget.AppCompatTextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:text="@string/moim_schedule_all_friend"
+                style="@style/content_bold"/>
 
             <androidx.recyclerview.widget.RecyclerView
                 android:id="@+id/friend_invite_list_rv"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:paddingHorizontal="20dp"
-                android:layout_marginTop="24dp"
+                android:layout_marginTop="12dp"
                 android:visibility="@{viewModel.friendList.empty ? View.GONE : View.VISIBLE}"
                 app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
                 tools:listitem="@layout/item_friend_invite"
diff --git a/app/src/main/res/layout/item_friend_invite.xml b/app/src/main/res/layout/item_friend_invite.xml
index f3971b73..38403743 100644
--- a/app/src/main/res/layout/item_friend_invite.xml
+++ b/app/src/main/res/layout/item_friend_invite.xml
@@ -16,7 +16,7 @@
         android:backgroundTint="@color/item_background"
         android:orientation="horizontal"
         android:gravity="center_vertical"
-        android:layout_marginBottom="20dp"
+        android:layout_marginBottom="16dp"
         android:paddingVertical="12dp"
         android:paddingHorizontal="16dp">
         
@@ -67,14 +67,14 @@
 
             </LinearLayout>
 
-            <TextView
-                android:id="@+id/item_friend_introduction_tv"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_marginTop="6dp"
-                android:text="@{friend.introduction}"
-                tools:text="친구가 직접 작성한 한 줄 소개"
-                style="@style/subtext_12" />
+<!--            <TextView-->
+<!--                android:id="@+id/item_friend_introduction_tv"-->
+<!--                android:layout_width="wrap_content"-->
+<!--                android:layout_height="wrap_content"-->
+<!--                android:layout_marginTop="6dp"-->
+<!--                android:text="@{friend.introduction}"-->
+<!--                tools:text="친구가 직접 작성한 한 줄 소개"-->
+<!--                style="@style/subtext_12" />-->
 
         </LinearLayout>
 
@@ -82,7 +82,7 @@
             android:id="@+id/item_friend_invite_btn"
             android:layout_width="28dp"
             android:layout_height="28dp"
-            android:checked="true"
+            android:checked="false"
             android:button="@null"
             android:background="@drawable/selector_invite"/>
 
diff --git a/app/src/main/res/layout/item_friend_to_invite.xml b/app/src/main/res/layout/item_friend_to_invite.xml
new file mode 100644
index 00000000..af3bda2a
--- /dev/null
+++ b/app/src/main/res/layout/item_friend_to_invite.xml
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <data>
+        <variable
+            name="friend"
+            type="com.mongmong.namo.domain.model.Friend" />
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginBottom="8dp"
+        android:layout_marginEnd="12dp">
+
+        <de.hdodenhof.circleimageview.CircleImageView
+            android:id="@+id/image_delete_btn"
+            android:layout_width="20dp"
+            android:layout_height="20dp"
+            android:src="@drawable/ic_close"
+            app:civ_circle_background_color="@color/white"
+            app:civ_border_color="@color/white"
+            app:civ_border_width="2dp"
+            android:elevation="3dp"
+            android:layout_marginTop="-5dp"
+            android:layout_marginEnd="-5dp"
+            app:layout_constraintTop_toTopOf="@id/image_cv"
+            app:layout_constraintEnd_toEndOf="@id/image_cv"/>
+
+        <androidx.cardview.widget.CardView
+            android:id="@+id/image_cv"
+            android:layout_width="48dp"
+            android:layout_height="48dp"
+            android:layout_margin="6dp"
+            app:cardCornerRadius="15dp"
+            app:cardElevation="0dp"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" >
+            <androidx.appcompat.widget.AppCompatImageView
+                android:id="@+id/image_iv"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:scaleType="centerCrop"
+                android:src="@drawable/img_default_profile" />
+        </androidx.cardview.widget.CardView>
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="8dp"
+            android:text="@{friend.nickname}"
+            android:textColor="@color/main_text"
+            app:layout_constraintTop_toBottomOf="@id/image_cv"
+            app:layout_constraintStart_toStartOf="@id/image_cv"
+            app:layout_constraintEnd_toEndOf="@id/image_cv"
+            tools:text="코코아"
+            style="@style/subtext_12"/>
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index 9526bd9f..a7adfc5f 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -14,6 +14,7 @@
     <string name="birth">생일</string>
     <string name="nickname">닉네임</string>
     <string name="input_hint">입력</string>
+    <string name="continuously">계속</string>
 
     <!-- 약관 동의 관련 String -->
     <string name="for_service">서비스 이용을 위한</string>
@@ -208,8 +209,12 @@
     <string name="moim_schedule_new_moim_start">새 모임 시작하기</string>
     <string name="moim_schedule_look_invite_friend_schedule">초대한 친구 일정 보기</string>
     <string name="moim_schedule_do_friend_invite">친구 초대하기</string>
-    <string name="moim_schedule_invite_friend">초대한 친구</string>
-    <string name="moim_schedule_invite_friend_empty">아직 초대한 친구가 없습니다.</string>
+    <string name="moim_schedule_invite_friend">초대할 친구</string>
+    <string name="moim_schedule_invite_friend_reset">전체 선택 취소</string>
+    <string name="moim_schedule_friend_invite_selected_num"><![CDATA[<font color=\'#DA6022\'>%d</font> / %d]]></string> <!-- 선택 인원수 / 전체 친구 수 -->
+    <string name="moim_schedule_do_invite">초대하기</string>
+    <string name="moim_schedule_all_friend">모든 친구</string>
+    <string name="moim_schedule_invite_friend_empty">아직 추가된 친구가 없어요.\n친구를 추가한 후 모임을 만들어보세요!</string>
     <string name="moim_schedule_add_guest">게스트 초대하기</string>
     <string name="moim_schedule_record_activity">활동 기록하기 </string>
     <string name="moim_schedule_participant_info">참석자 정보</string>
@@ -236,4 +241,10 @@
     <string name="request_accept">수락</string>
     <string name="request_deny">거절</string>
 
+    <!-- 다이얼로그 -->
+    <string name="dialog_moim_friend_invite_title">\‘%s\' 모임 일정에\n친구를 초대하시겠습니까?</string>
+    <string name="dialog_moim_friend_invite_content">지금 취소하셔도 추후 일정 편집에서\n친구를 추가하실 수 있습니다.</string>
+    <string name="dialog_moim_delete_title">모임 일정을 정말 삭제하시겠어요?</string>
+    <string name="dialog_moim_delete_content">삭제한 모임 일정은\n모든 참여자의 일정에서 삭제됩니다.</string>
+
 </resources>
\ No newline at end of file