[feature/common/royal_flush_edit_text]: #9 feat: RoyalFlushVerificati…

…onEditText 구현
GO-GO-NEVER-END · May 16, 2023 · 43ad8d1 · 43ad8d1
1 parent 6d9b401
commit 43ad8d1
Show file tree

Hide file tree

Showing 4 changed files with 171 additions and 0 deletions.
diff --git a/...ure-common/src/main/java/com/ggne/feature_common/custom/RoyalFlushVerificationEditText.kt b/...ure-common/src/main/java/com/ggne/feature_common/custom/RoyalFlushVerificationEditText.kt
@@ -0,0 +1,107 @@
+package com.ggne.feature_common.custom
+
+import android.content.Context
+import android.util.AttributeSet
+import android.view.LayoutInflater
+import androidx.constraintlayout.widget.ConstraintLayout
+import com.ggne.feature_common.extensions.EMPTY
+import com.ggne.feature_common.R
+import com.ggne.feature_common.extensions.addAfterTextChangedListener
+import com.ggne.feature_common.databinding.RoyalFlushVerificationEditTextBinding
+
+class RoyalFlushVerificationEditText(context: Context, attrs: AttributeSet) :
+    ConstraintLayout(context, attrs) {
+
+    private var maxLength: Int
+    private var verificationText: String = String.EMPTY
+
+    val text
+        get() = binding.et.text.toString()
+
+    val editText
+        get() = binding.et
+
+    private val binding =
+        RoyalFlushVerificationEditTextBinding.inflate(LayoutInflater.from(context), this, true)
+
+    init {
+
+        context.theme.obtainStyledAttributes(
+            attrs,
+            R.styleable.RoyalFlushVerificationEditText,
+            0,
+            0,
+        ).apply {
+            try {
+
+                getString(R.styleable.RoyalFlushVerificationEditText_royalFlushVerificationEditTextHint).let { hint ->
+                    binding.et.hint = hint
+                }
+
+                getInt(R.styleable.RoyalFlushVerificationEditText_maxLength, Int.MAX_VALUE).let { inputtedMaxLength ->
+                    maxLength = inputtedMaxLength
+                }
+
+                getBoolean(R.styleable.RoyalFlushVerificationEditText_isCounterVisible, true).let { isVisible ->
+                    if (isVisible) {
+
+                        with(binding.counterTv) {
+                            visibility = VISIBLE
+                            text = context.getString(R.string.text_counter_format, 0, maxLength)
+                        }
+
+                        binding.et.addAfterTextChangedListener { text ->
+                            if (text.length <= maxLength) {
+                                binding.counterTv.text = context.getString(R.string.text_counter_format, text.length, maxLength)
+                            } else {
+                                with(binding.et) {
+                                    setText(text.substring(0, maxLength))
+                                    setSelection(maxLength)
+                                }
+                            }
+                        }
+
+                    } else {
+                        binding.counterTv.visibility = GONE
+                        maxLength = Int.MAX_VALUE
+                    }
+
+                }
+
+                getBoolean(R.styleable.RoyalFlushVerificationEditText_isVerificationVisible, false).let { isVisible ->
+                    if (isVisible) {
+                        getString(R.styleable.RoyalFlushVerificationEditText_verificationText).let { inputtedVerificationText ->
+                            verificationText = inputtedVerificationText ?: String.EMPTY
+                        }
+                        setVerification(true)
+                    } else {
+                        setVerification(false)
+                    }
+                }
+
+
+            } finally {
+                recycle()
+            }
+        }
+
+        removeAllViews()
+        addView(binding.root)
+
+    }
+
+    fun setVerificationText(text: String) {
+        verificationText = text
+    }
+
+    fun setVerification(isVerified: Boolean) {
+        if (isVerified) {
+            binding.verificationTv.visibility = VISIBLE
+            binding.verificationTv.text = verificationText
+        } else {
+            binding.verificationTv.visibility = GONE
+        }
+    }
+
+
+}
diff --git a/feature/feature-common/src/main/res/layout/royal_flush_verification_edit_text.xml b/feature/feature-common/src/main/res/layout/royal_flush_verification_edit_text.xml
@@ -0,0 +1,54 @@
+<?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">
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:id="@+id/et_container"
+        android:layout_width="match_parent"
+        android:layout_height="60dp"
+        android:paddingHorizontal="18dp"
+        android:paddingVertical="14dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:background="@drawable/royal_flush_edit_text_background">
+
+        <EditText
+            android:id="@+id/et"
+            android:layout_width="0dp"
+            android:layout_height="0dp"
+            android:autofillHints="yes"
+            android:background="@null"
+            android:gravity="center_vertical"
+            android:inputType="text"
+            android:maxLines="1"
+            android:textSize="18sp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toStartOf="@id/counter_tv"
+            app:layout_constraintTop_toTopOf="parent"
+            tools:ignore="LabelFor" />
+
+        <TextView
+            android:id="@+id/counter_tv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:paddingStart="4dp"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"/>
+    </androidx.constraintlayout.widget.ConstraintLayout>
+
+    <TextView
+        android:id="@+id/verification_tv"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="3dp"
+        android:layout_marginTop="6dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/et_container"/>
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/feature/feature-common/src/main/res/values/attrs.xml b/feature/feature-common/src/main/res/values/attrs.xml
@@ -5,4 +5,12 @@
         <attr name="endIcon" format="reference" />
         <attr name="royalFlushIconEditTextHint" format="string" />
     </declare-styleable>
+
+    <declare-styleable name="RoyalFlushVerificationEditText">
+        <attr name="isCounterVisible" format="boolean" />
+        <attr name="isVerificationVisible" format="boolean" />
+        <attr name="verificationText" format="string" />
+        <attr name="maxLength" format="integer" />
+        <attr name="royalFlushVerificationEditTextHint" format="string" />
+    </declare-styleable>
 </resources>
diff --git a/feature/feature-common/src/main/res/values/strings.xml b/feature/feature-common/src/main/res/values/strings.xml
@@ -2,4 +2,6 @@
 <resources>
     <string name="start_ic">시작 아이콘</string>
     <string name="end_ic">끝 아이콘</string>
+    <string name="text_counter_format">%d/%d</string>
+    <string name="can_use_nickname">사용 가능한 닉네임입니다.</string>
 </resources>