bugfix : #9 show toggle for password edittext

Author: MSajidJuneja

app/src/main/res/layout/activity_main.xml

@@ -93,6 +93,7 @@
                 app:custom_component_error_text_bg_color="@android:color/white"
                 app:custom_component_maxLength="15"
                 app:custom_component_title="@string/edt_title_password"
+                app:isToggleEnable = "true"
                 app:custom_component_title_bg_color="@android:color/white"
                 app:custom_component_title_color="@color/colorAccent"
                 app:custom_component_title_error_color="@color/color_error"

customedittextoutlinedborder/src/main/java/com/simform/customcomponent/SSCustomEdittextOutlinedBorder.kt

@@ -6,6 +6,8 @@ import android.graphics.drawable.DrawableContainer.DrawableContainerState
 import android.graphics.drawable.GradientDrawable
 import android.graphics.drawable.StateListDrawable
 import android.text.InputFilter
+import android.text.method.HideReturnsTransformationMethod
+import android.text.method.PasswordTransformationMethod
 import android.util.AttributeSet
 import android.view.Gravity
 import android.view.LayoutInflater
@@ -15,6 +17,7 @@ import android.widget.LinearLayout
 import androidx.annotation.ColorInt
 import androidx.core.content.ContextCompat
 import androidx.core.content.res.ResourcesCompat
+import androidx.core.view.isVisible
 import androidx.databinding.InverseBindingMethod
 import androidx.databinding.InverseBindingMethods
 import kotlinx.android.synthetic.main.layout_custom_edittext.view.*
@@ -56,11 +59,14 @@ class SSCustomEdittextOutlinedBorder @JvmOverloads constructor(context: Context,
             borderColor = typedArray.getColor(R.styleable.custom_component_attributes_custom_component_border_color, ContextCompat.getColor(context, R.color.color_warm_grey))
             borderErrorColor = typedArray.getColor(R.styleable.custom_component_attributes_custom_component_border_error_color, ContextCompat.getColor(context, R.color.color_error))
             borderWidth = typedArray.getInt(R.styleable.custom_component_attributes_custom_component_border_width, 1)
+            val isToggleEnable = typedArray.getBoolean(R.styleable.custom_component_attributes_isToggleEnable, false)
 
             setTitle(title as String)
             setEditTextHint(editTextHint as String)
             setTextStyle(ResourcesCompat.getFont(context, R.font.graphik_regular))
             setIsErrorEnable(isErrorEnable)
+            setIsToggleEnable(isToggleEnable)
+            setPasswordToggleClick()
             setStyle(inputType, maxLine, minLine, maxLength)
             setTitleBackGroundColor(titleBgColor)
             setEditTextBackGroundColor(editTextBgColor)
@@ -89,6 +95,33 @@ class SSCustomEdittextOutlinedBorder @JvmOverloads constructor(context: Context,
         }
     }
 
+    private fun setIsToggleEnable(isToggleEnable: Boolean) {
+        imagePasswordToggle.isVisible = isToggleEnable
+    }
+
+    private fun setPasswordToggleClick() {
+        imagePasswordToggle.setOnClickListener {
+            if (editText.transformationMethod.equals(PasswordTransformationMethod.getInstance())) {
+                imagePasswordToggle.setImageDrawable(
+                    ContextCompat.getDrawable(
+                        context,
+                        R.drawable.ic_baseline_visibility_24
+                    )
+                )
+                editText.transformationMethod = HideReturnsTransformationMethod.getInstance()
+            } else {
+                imagePasswordToggle.setImageDrawable(
+                    ContextCompat.getDrawable(
+                        context,
+                        R.drawable.ic_baseline_visibility_off_24
+                    )
+                )
+                editText.transformationMethod = PasswordTransformationMethod.getInstance()
+            }
+            editText.text?.let { text -> editText.setSelection(text.length) }
+        }
+    }
+
     private fun setTitleColor(@ColorInt colorID: Int) {
         lableTitle.setTextColor(colorID)
     }

customedittextoutlinedborder/src/main/res/drawable/ic_baseline_visibility_24.xml

@@ -0,0 +1,5 @@
+<vector android:height="24dp" android:tint="#000000"
+    android:viewportHeight="24" android:viewportWidth="24"
+    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="@android:color/white" android:pathData="M12,4.5C7,4.5 2.73,7.61 1,12c1.73,4.39 6,7.5 11,7.5s9.27,-3.11 11,-7.5c-1.73,-4.39 -6,-7.5 -11,-7.5zM12,17c-2.76,0 -5,-2.24 -5,-5s2.24,-5 5,-5 5,2.24 5,5 -2.24,5 -5,5zM12,9c-1.66,0 -3,1.34 -3,3s1.34,3 3,3 3,-1.34 3,-3 -1.34,-3 -3,-3z"/>
+</vector>

customedittextoutlinedborder/src/main/res/drawable/ic_baseline_visibility_off_24.xml

@@ -0,0 +1,5 @@
+<vector android:height="24dp" android:tint="#000000"
+    android:viewportHeight="24" android:viewportWidth="24"
+    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="@android:color/white" android:pathData="M12,7c2.76,0 5,2.24 5,5 0,0.65 -0.13,1.26 -0.36,1.83l2.92,2.92c1.51,-1.26 2.7,-2.89 3.43,-4.75 -1.73,-4.39 -6,-7.5 -11,-7.5 -1.4,0 -2.74,0.25 -3.98,0.7l2.16,2.16C10.74,7.13 11.35,7 12,7zM2,4.27l2.28,2.28 0.46,0.46C3.08,8.3 1.78,10.02 1,12c1.73,4.39 6,7.5 11,7.5 1.55,0 3.03,-0.3 4.38,-0.84l0.42,0.42L19.73,22 21,20.73 3.27,3 2,4.27zM7.53,9.8l1.55,1.55c-0.05,0.21 -0.08,0.43 -0.08,0.65 0,1.66 1.34,3 3,3 0.22,0 0.44,-0.03 0.65,-0.08l1.55,1.55c-0.67,0.33 -1.41,0.53 -2.2,0.53 -2.76,0 -5,-2.24 -5,-5 0,-0.79 0.2,-1.53 0.53,-2.2zM11.84,9.02l3.15,3.15 0.02,-0.16c0,-1.66 -1.34,-3 -3,-3l-0.17,0.01z"/>
+</vector>

customedittextoutlinedborder/src/main/res/layout/layout_custom_edittext.xml

@@ -59,6 +59,16 @@
             app:layout_constraintStart_toStartOf="@+id/editText"
             app:layout_constraintTop_toBottomOf="@+id/editText" />
 
+        <androidx.appcompat.widget.AppCompatImageView
+            android:id="@+id/imagePasswordToggle"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginEnd="@dimen/_8sdp"
+            app:layout_constraintBottom_toBottomOf="@id/editText"
+            app:layout_constraintEnd_toEndOf="@id/editText"
+            app:layout_constraintTop_toTopOf="@id/editText"
+            app:srcCompat="@drawable/ic_baseline_visibility_off_24" />
+
     </androidx.constraintlayout.widget.ConstraintLayout>
 </merge>
 </layout>

customedittextoutlinedborder/src/main/res/values/attrs.xml

@@ -2,6 +2,7 @@
 <resources>
     <declare-styleable name="custom_component_attributes">
         <attr name="isErrorEnable" format="boolean" />
+        <attr name="isToggleEnable" format="boolean" />
         <attr name="custom_component_title" format="reference" />
         <attr name="custom_component_error" format="reference" />
         <attr name="custom_component_title_color" format="color" />