From aec7577b5d025ea0e98d3e919bf41e005a68d6fd Mon Sep 17 00:00:00 2001
From: b1urrrr <b1urrr@naver.com>
Date: Fri, 12 May 2023 22:32:38 +0900
Subject: [PATCH] =?UTF-8?q?[UI/#8]=20follower=20=EB=A0=88=EC=9D=B4?=
 =?UTF-8?q?=EC=95=84=EC=9B=83=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../go/sopt/util/binding/BindingAdapter.kt    | 11 ++++
 app/src/main/res/layout/fragment_follower.xml | 18 ++++---
 app/src/main/res/layout/header_follower.xml   | 22 ++++++++
 app/src/main/res/layout/item_follower.xml     | 52 +++++++++++++++++++
 .../main/res/layout/item_gallery_image.xml    |  9 ++--
 app/src/main/res/layout/item_home_repo.xml    |  3 +-
 app/src/main/res/values/strings.xml           |  2 +-
 7 files changed, 102 insertions(+), 15 deletions(-)
 create mode 100644 app/src/main/res/layout/header_follower.xml
 create mode 100644 app/src/main/res/layout/item_follower.xml

diff --git a/app/src/main/java/org/android/go/sopt/util/binding/BindingAdapter.kt b/app/src/main/java/org/android/go/sopt/util/binding/BindingAdapter.kt
index a4096a1..f2a584e 100644
--- a/app/src/main/java/org/android/go/sopt/util/binding/BindingAdapter.kt
+++ b/app/src/main/java/org/android/go/sopt/util/binding/BindingAdapter.kt
@@ -17,4 +17,15 @@ object BindingAdapter {
             transformations(RoundedCornersTransformation(50f))
         }
     }
+
+    @JvmStatic
+    @BindingAdapter("setCircleImage")
+    fun ImageView.setCircleImage(img: String?) {
+        load(img) {
+            placeholder(R.mipmap.ic_go_sopt)
+            error(R.drawable.ic_image_not_supported)
+            fallback(R.drawable.ic_image_not_supported)
+            transformations(RoundedCornersTransformation(1000f))
+        }
+    }
 }
diff --git a/app/src/main/res/layout/fragment_follower.xml b/app/src/main/res/layout/fragment_follower.xml
index 6e0ea78..03dc4e5 100644
--- a/app/src/main/res/layout/fragment_follower.xml
+++ b/app/src/main/res/layout/fragment_follower.xml
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <layout xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:tools="http://schemas.android.com/tools"
     xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
     tools:context=".presentation.main.follower.FollowerFragment">
 
     <data>
@@ -13,17 +13,19 @@
         android:layout_width="match_parent"
         android:layout_height="match_parent">
 
-        <TextView
-            android:id="@+id/tv_follower_fragment"
+        <androidx.recyclerview.widget.RecyclerView
+            android:id="@+id/rv_follower"
+            android:layout_width="0dp"
+            android:layout_height="0dp"
+            android:clipToPadding="false"
+            android:paddingVertical="10dp"
+            app:layoutManager="androidx.recyclerview.widget.GridLayoutManager"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toTopOf="parent"
-            android:layout_width="0dp"
-            android:layout_height="0dp"
-            android:gravity="center"
-            android:text="@string/follower_fragment"
-            android:textAppearance="?textAppearanceBodyLarge" />
+            app:spanCount="2"
+            tools:listitem="@layout/item_follower" />
 
     </androidx.constraintlayout.widget.ConstraintLayout>
 </layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/header_follower.xml b/app/src/main/res/layout/header_follower.xml
new file mode 100644
index 0000000..026e3f0
--- /dev/null
+++ b/app/src/main/res/layout/header_follower.xml
@@ -0,0 +1,22 @@
+<?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"
+    android:id="@+id/layout_repo_header"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:padding="14dp">
+
+    <TextView
+        android:id="@+id/tv_follower_header_title"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:ellipsize="end"
+        android:maxLines="1"
+        android:text="@string/follower_header_title"
+        android:textAppearance="?textAppearanceDisplayMedium"
+        android:textColor="?colorOnBackground"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/item_follower.xml b/app/src/main/res/layout/item_follower.xml
new file mode 100644
index 0000000..346be79
--- /dev/null
+++ b/app/src/main/res/layout/item_follower.xml
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout 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">
+
+    <data>
+
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:id="@+id/layout_item_follower"
+        android:layout_width="wrap_content"
+        android:layout_marginTop="30dp"
+        android:layout_height="wrap_content">
+
+        <ImageView
+            android:id="@+id/iv_follower_profile"
+            android:layout_width="100dp"
+            android:layout_height="0dp"
+            app:layout_constraintDimensionRatio="1:1"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            tools:src="@drawable/ic_image_not_supported" />
+
+        <TextView
+            android:id="@+id/tv_follower_name"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="10dp"
+            android:ellipsize="end"
+            android:maxLines="1"
+            android:textAppearance="?textAppearanceBodyLarge"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/iv_follower_profile"
+            tools:text="@string/dummy" />
+
+        <TextView
+            android:id="@+id/tv_follower_email"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="6dp"
+            android:ellipsize="end"
+            android:maxLines="1"
+            android:textAppearance="?textAppearanceBodySmall"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/tv_follower_name"
+            tools:text="@string/dummy" />
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/item_gallery_image.xml b/app/src/main/res/layout/item_gallery_image.xml
index 740c0a9..5c93de6 100644
--- a/app/src/main/res/layout/item_gallery_image.xml
+++ b/app/src/main/res/layout/item_gallery_image.xml
@@ -1,7 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
-<layout xmlns:app="http://schemas.android.com/apk/res-auto"
-    xmlns:tools="http://schemas.android.com/tools"
-    xmlns:android="http://schemas.android.com/apk/res/android">
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
 
     <data>
 
@@ -10,15 +9,15 @@
     <androidx.constraintlayout.widget.ConstraintLayout
         android:id="@+id/layout_gallery"
         android:layout_width="match_parent"
-        android:layout_height="match_parent" >
+        android:layout_height="match_parent">
 
         <ImageView
             android:id="@+id/iv_gallery"
             android:layout_width="200dp"
             android:layout_height="0dp"
+            android:contentDescription="뭔데 이게..."
             android:src="@drawable/img_main_profile"
             app:layout_constraintBottom_toBottomOf="parent"
-            android:contentDescription="뭔데 이게..."
             app:layout_constraintDimensionRatio="1:1"
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toStartOf="parent"
diff --git a/app/src/main/res/layout/item_home_repo.xml b/app/src/main/res/layout/item_home_repo.xml
index 9c28208..2248468 100644
--- a/app/src/main/res/layout/item_home_repo.xml
+++ b/app/src/main/res/layout/item_home_repo.xml
@@ -26,7 +26,8 @@
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintDimensionRatio="1:1"
             app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toTopOf="parent" />
+            app:layout_constraintTop_toTopOf="parent"
+            tools:src="@drawable/ic_image_not_supported" />
 
         <TextView
             android:id="@+id/tv_repo_name"
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index df1ec23..96545d1 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -52,7 +52,7 @@
     <string name="search_fragment">SEARCH FRAGMENT</string>
 
     <!-- follower -->
-    <string name="follower_fragment">FOLLOWER FRAGMENT</string>
+    <string name="follower_header_title">Followers</string>
 
     <!-- profile -->
     <string name="profile_name">이름 : %s</string>