Add MaskTextView for displaying text under masked, same idea to MaskEditText

app/src/main/java/com/santalu/maskara/sample/MainActivity.kt

@@ -24,6 +24,13 @@ class MainActivity : AppCompatActivity() {
             binding.masked.text = "Masked ${binding.input.masked}"
             binding.unMasked.text = "Raw ${binding.input.unMasked}"
             binding.status.text = "isDone ${binding.input.isDone}"
+
+            binding.textview.text = binding.input.unMasked
+        }
+
+        binding.clearFormat.setOnClickListener {
+            binding.input.clearMask()
+            binding.textview.clearMask()
         }
     }
 }

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

@@ -2,6 +2,7 @@
 <LinearLayout
     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="match_parent"
     android:gravity="center"
@@ -29,6 +30,13 @@
         android:layout_marginTop="10dp"
         android:textAppearance="?attr/textAppearanceBody1" />
 
+    <TextView
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="20dp"
+        android:text="MaskEditText"
+        tools:ignore="HardcodedText" />
+
     <com.santalu.maskara.widget.MaskEditText
         android:id="@+id/input"
         android:layout_width="match_parent"
@@ -37,4 +45,26 @@
         android:textAppearance="?attr/textAppearanceHeadline6"
         app:mask="+90 (___) ___ __ __" />
 
-</LinearLayout>
+    <TextView
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="20dp"
+        android:text="MaskTextView"
+        tools:ignore="HardcodedText" />
+
+    <com.santalu.maskara.widget.MaskTextView
+        android:id="@+id/textview"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:textAppearance="?attr/textAppearanceBody1"
+        app:mask="+90 (___) ___ __ __" />
+
+    <Button
+        android:id="@+id/clearFormat"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="20dp"
+        android:text="Clear Mask"
+        tools:ignore="HardcodedText" />
+
+</LinearLayout>

library/src/main/java/com/santalu/maskara/widget/MaskEditText.kt

@@ -28,7 +28,7 @@ class MaskEditText @JvmOverloads constructor(
         get() = maskChangedListener?.masked.orEmpty()
 
     val unMasked: String
-        get() = maskChangedListener?.unMasked.orEmpty()
+        get() = maskChangedListener?.unMasked ?: text.toString()
 
     val isDone: Boolean
         get() = maskChangedListener?.isDone ?: false
@@ -57,7 +57,9 @@ class MaskEditText @JvmOverloads constructor(
             removeTextChangedListener(maskChangedListener)
             maskChangedListener = watcher
         }
-        super.addTextChangedListener(watcher)
+        if (maskChangedListener != null) {
+            super.addTextChangedListener(watcher)
+        }
     }
 
     override fun onAttachedToWindow() {
@@ -69,4 +71,9 @@ class MaskEditText @JvmOverloads constructor(
         super.onDetachedFromWindow()
         removeTextChangedListener(maskChangedListener)
     }
+
+    fun clearMask() {
+        removeTextChangedListener(maskChangedListener)
+        maskChangedListener = null
+    }
 }

library/src/main/java/com/santalu/maskara/widget/MaskTextView.kt

@@ -0,0 +1,73 @@
+package com.santalu.maskara.widget
+
+import android.annotation.SuppressLint
+import android.content.Context
+import android.util.AttributeSet
+import androidx.appcompat.widget.AppCompatTextView
+import com.santalu.maskara.Action
+import com.santalu.maskara.Mask
+import com.santalu.maskara.MaskResult
+import com.santalu.maskara.MaskStyle
+import com.santalu.maskara.Maskara
+import com.santalu.maskara.R
+import com.santalu.maskara.mostOccurred
+
+@SuppressLint("Recycle")
+class MaskTextView : AppCompatTextView {
+
+    constructor(context: Context) : super(context) {
+        init(null)
+    }
+
+    constructor(context: Context, attrs: AttributeSet?) : super(context, attrs) {
+        init(attrs)
+    }
+
+    constructor(
+        context: Context,
+        attrs: AttributeSet?,
+        defStyleAttr: Int
+    ) : super(context, attrs, defStyleAttr) {
+        init(attrs)
+    }
+
+    private var maskara: Maskara? = null
+    private var result: MaskResult? = null
+
+    val masked: String
+        get() = result?.masked.orEmpty()
+
+    val unMasked: String
+        get() = result?.unMasked ?: text.toString()
+
+    val isDone: Boolean
+        get() = result?.isDone ?: false
+
+    private fun init(attrs: AttributeSet?) {
+        context.obtainStyledAttributes(attrs, R.styleable.MaskEditText).apply {
+            val style = getInteger(R.styleable.MaskEditText_maskStyle, 0)
+            val value = getString(R.styleable.MaskEditText_mask).orEmpty()
+            val character = getString(R.styleable.MaskEditText_maskCharacter).orEmpty()
+
+            if (value.isNotEmpty()) {
+                val maskChar = if (character.isEmpty()) value.mostOccurred() else character.single()
+                val mask = Mask(value, maskChar, MaskStyle.valueOf(style))
+                maskara = Maskara(mask)
+            }
+
+            recycle()
+        }
+    }
+
+    override fun setText(text: CharSequence?, type: BufferType?) {
+        val masked = text?.let {
+            result = maskara?.apply(text, Action.INSERT)
+            result?.masked
+        } ?: text
+        super.setText(masked, type)
+    }
+
+    fun clearMask() {
+        maskara = null
+    }
+}