├── sample-app
├── .gitignore
├── src
│ └── main
│ │ ├── res
│ │ ├── values
│ │ │ ├── strings.xml
│ │ │ ├── colors.xml
│ │ │ ├── dimens.xml
│ │ │ └── styles.xml
│ │ ├── font
│ │ │ └── charmonman_regular.ttf
│ │ ├── mipmap-hdpi
│ │ │ └── ic_launcher.png
│ │ ├── mipmap-mdpi
│ │ │ └── ic_launcher.png
│ │ ├── mipmap-xhdpi
│ │ │ └── ic_launcher.png
│ │ ├── mipmap-xxhdpi
│ │ │ └── ic_launcher.png
│ │ ├── mipmap-xxxhdpi
│ │ │ └── ic_launcher.png
│ │ ├── color
│ │ │ ├── pin_line_colors.xml
│ │ │ └── text_colors.xml
│ │ ├── values-w820dp
│ │ │ └── dimens.xml
│ │ ├── drawable
│ │ │ ├── bg_pin_round.xml
│ │ │ └── bg_pin.xml
│ │ └── layout
│ │ │ └── activity_edit_text.xml
│ │ ├── AndroidManifest.xml
│ │ └── java
│ │ └── com
│ │ └── alimuzaffar
│ │ └── sample
│ │ └── pin
│ │ └── AnimatedEditTextWidgetsActivity.java
├── proguard-rules.pro
└── build.gradle
├── pinentryedittext
├── .gitignore
├── src
│ └── main
│ │ ├── AndroidManifest.xml
│ │ ├── res
│ │ └── values
│ │ │ ├── strings.xml
│ │ │ ├── colors.xml
│ │ │ └── attrs.xml
│ │ └── java
│ │ └── com
│ │ └── alimuzaffar
│ │ └── lib
│ │ └── pin
│ │ └── PinEntryEditText.java
├── proguard-rules.pro
└── build.gradle
├── settings.gradle
├── gradle
└── wrapper
│ ├── gradle-wrapper.jar
│ └── gradle-wrapper.properties
├── .gitignore
├── .travis.yml
├── gradle.properties
├── gradlew.bat
├── gradlew
├── README.MD
└── LICENSE
/sample-app/.gitignore:
--------------------------------------------------------------------------------
1 | /build
2 |
--------------------------------------------------------------------------------
/pinentryedittext/.gitignore:
--------------------------------------------------------------------------------
1 | /build
2 |
--------------------------------------------------------------------------------
/settings.gradle:
--------------------------------------------------------------------------------
1 | include ':sample-app', ':pinentryedittext'
2 |
--------------------------------------------------------------------------------
/pinentryedittext/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/gradle/wrapper/gradle-wrapper.jar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/alphamu/PinEntryEditText/HEAD/gradle/wrapper/gradle-wrapper.jar
--------------------------------------------------------------------------------
/pinentryedittext/src/main/res/values/strings.xml:
--------------------------------------------------------------------------------
1 |
2 | widgets
3 |
4 |
--------------------------------------------------------------------------------
/sample-app/src/main/res/values/strings.xml:
--------------------------------------------------------------------------------
1 |
2 | CustomWidgetLibrary
3 |
4 |
--------------------------------------------------------------------------------
/sample-app/src/main/res/font/charmonman_regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/alphamu/PinEntryEditText/HEAD/sample-app/src/main/res/font/charmonman_regular.ttf
--------------------------------------------------------------------------------
/sample-app/src/main/res/mipmap-hdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/alphamu/PinEntryEditText/HEAD/sample-app/src/main/res/mipmap-hdpi/ic_launcher.png
--------------------------------------------------------------------------------
/sample-app/src/main/res/mipmap-mdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/alphamu/PinEntryEditText/HEAD/sample-app/src/main/res/mipmap-mdpi/ic_launcher.png
--------------------------------------------------------------------------------
/pinentryedittext/src/main/res/values/colors.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | #6B767E
4 |
--------------------------------------------------------------------------------
/sample-app/src/main/res/mipmap-xhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/alphamu/PinEntryEditText/HEAD/sample-app/src/main/res/mipmap-xhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/sample-app/src/main/res/mipmap-xxhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/alphamu/PinEntryEditText/HEAD/sample-app/src/main/res/mipmap-xxhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/sample-app/src/main/res/mipmap-xxxhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/alphamu/PinEntryEditText/HEAD/sample-app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/sample-app/src/main/res/values/colors.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | #3F51B5
4 | #303F9F
5 | #FF4081
6 |
7 |
--------------------------------------------------------------------------------
/sample-app/src/main/res/values/dimens.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | 16dp
4 | 16dp
5 |
6 |
--------------------------------------------------------------------------------
/gradle/wrapper/gradle-wrapper.properties:
--------------------------------------------------------------------------------
1 | #Tue Sep 04 09:40:38 AEST 2018
2 | distributionBase=GRADLE_USER_HOME
3 | distributionPath=wrapper/dists
4 | zipStoreBase=GRADLE_USER_HOME
5 | zipStorePath=wrapper/dists
6 | distributionUrl=https\://services.gradle.org/distributions/gradle-4.10.2-all.zip
7 |
--------------------------------------------------------------------------------
/sample-app/src/main/res/color/pin_line_colors.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | -
6 |
7 |
8 |
9 |
10 |
11 | -
12 |
13 |
14 |
15 |
16 |
17 |
18 | -
19 |
20 |
21 |
22 |
23 |
24 |
25 | -
26 |
27 |
28 |
29 |
30 |
31 |
32 | -
33 |
34 |
35 |
36 |
37 |
38 |
39 | -
40 |
41 |
42 |
43 |
44 |
45 |
--------------------------------------------------------------------------------
/sample-app/src/main/res/drawable/bg_pin.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | -
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 | -
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 | -
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 | -
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 | -
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 | -
45 |
46 |
47 |
48 |
49 |
50 |
51 |
--------------------------------------------------------------------------------
/gradlew.bat:
--------------------------------------------------------------------------------
1 | @if "%DEBUG%" == "" @echo off
2 | @rem ##########################################################################
3 | @rem
4 | @rem Gradle startup script for Windows
5 | @rem
6 | @rem ##########################################################################
7 |
8 | @rem Set local scope for the variables with windows NT shell
9 | if "%OS%"=="Windows_NT" setlocal
10 |
11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
12 | set DEFAULT_JVM_OPTS=
13 |
14 | set DIRNAME=%~dp0
15 | if "%DIRNAME%" == "" set DIRNAME=.
16 | set APP_BASE_NAME=%~n0
17 | set APP_HOME=%DIRNAME%
18 |
19 | @rem Find java.exe
20 | if defined JAVA_HOME goto findJavaFromJavaHome
21 |
22 | set JAVA_EXE=java.exe
23 | %JAVA_EXE% -version >NUL 2>&1
24 | if "%ERRORLEVEL%" == "0" goto init
25 |
26 | echo.
27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
28 | echo.
29 | echo Please set the JAVA_HOME variable in your environment to match the
30 | echo location of your Java installation.
31 |
32 | goto fail
33 |
34 | :findJavaFromJavaHome
35 | set JAVA_HOME=%JAVA_HOME:"=%
36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe
37 |
38 | if exist "%JAVA_EXE%" goto init
39 |
40 | echo.
41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
42 | echo.
43 | echo Please set the JAVA_HOME variable in your environment to match the
44 | echo location of your Java installation.
45 |
46 | goto fail
47 |
48 | :init
49 | @rem Get command-line arguments, handling Windowz variants
50 |
51 | if not "%OS%" == "Windows_NT" goto win9xME_args
52 | if "%@eval[2+2]" == "4" goto 4NT_args
53 |
54 | :win9xME_args
55 | @rem Slurp the command line arguments.
56 | set CMD_LINE_ARGS=
57 | set _SKIP=2
58 |
59 | :win9xME_args_slurp
60 | if "x%~1" == "x" goto execute
61 |
62 | set CMD_LINE_ARGS=%*
63 | goto execute
64 |
65 | :4NT_args
66 | @rem Get arguments from the 4NT Shell from JP Software
67 | set CMD_LINE_ARGS=%$
68 |
69 | :execute
70 | @rem Setup the command line
71 |
72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
73 |
74 | @rem Execute Gradle
75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
76 |
77 | :end
78 | @rem End local scope for the variables with windows NT shell
79 | if "%ERRORLEVEL%"=="0" goto mainEnd
80 |
81 | :fail
82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
83 | rem the _cmd.exe /c_ return code!
84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
85 | exit /b 1
86 |
87 | :mainEnd
88 | if "%OS%"=="Windows_NT" endlocal
89 |
90 | :omega
91 |
--------------------------------------------------------------------------------
/sample-app/src/main/java/com/alimuzaffar/sample/pin/AnimatedEditTextWidgetsActivity.java:
--------------------------------------------------------------------------------
1 | package com.alimuzaffar.sample.pin;
2 |
3 | import android.app.Activity;
4 | import android.os.Bundle;
5 | import android.widget.Toast;
6 |
7 | import com.alimuzaffar.lib.pin.PinEntryEditText;
8 |
9 | import androidx.core.content.res.ResourcesCompat;
10 |
11 | public class AnimatedEditTextWidgetsActivity extends Activity {
12 |
13 | @Override
14 | protected void onCreate(Bundle savedInstanceState) {
15 | super.onCreate(savedInstanceState);
16 | setContentView(R.layout.activity_edit_text);
17 |
18 | final PinEntryEditText pinEntry = findViewById(R.id.txt_pin_entry);
19 | if (pinEntry != null) {
20 | pinEntry.setTypeface(ResourcesCompat.getFont(this, R.font.charmonman_regular));
21 | pinEntry.setOnPinEnteredListener(new PinEntryEditText.OnPinEnteredListener() {
22 | @Override
23 | public void onPinEntered(CharSequence str) {
24 | if (str.toString().equals("1234")) {
25 | Toast.makeText(AnimatedEditTextWidgetsActivity.this, "SUCCESS", Toast.LENGTH_SHORT).show();
26 | } else {
27 | pinEntry.setError(true);
28 | Toast.makeText(AnimatedEditTextWidgetsActivity.this, "FAIL", Toast.LENGTH_SHORT).show();
29 | pinEntry.postDelayed(new Runnable() {
30 | @Override
31 | public void run() {
32 | pinEntry.setText(null);
33 | }
34 | }, 1000);
35 | }
36 | }
37 | });
38 | }
39 |
40 | final PinEntryEditText pinEntry2 = findViewById(R.id.txt_pin_entry2);
41 | if (pinEntry2 != null) {
42 | pinEntry2.setAnimateText(true);
43 | pinEntry2.setOnPinEnteredListener(new PinEntryEditText.OnPinEnteredListener() {
44 | @Override
45 | public void onPinEntered(CharSequence str) {
46 | if (str.toString().equals("1234")) {
47 | Toast.makeText(AnimatedEditTextWidgetsActivity.this, "SUCCESS", Toast.LENGTH_SHORT).show();
48 | } else {
49 | pinEntry2.setError(true);
50 | Toast.makeText(AnimatedEditTextWidgetsActivity.this, "FAIL", Toast.LENGTH_SHORT).show();
51 | pinEntry2.postDelayed(new Runnable() {
52 | @Override
53 | public void run() {
54 | pinEntry2.setText(null);
55 | }
56 | }, 1000);
57 | }
58 | }
59 | });
60 | }
61 |
62 | }
63 |
64 | }
65 |
--------------------------------------------------------------------------------
/sample-app/src/main/res/layout/activity_edit_text.xml:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
15 |
16 |
29 |
30 |
37 |
56 |
57 |
64 |
84 |
85 |
100 |
101 |
--------------------------------------------------------------------------------
/gradlew:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env bash
2 |
3 | ##############################################################################
4 | ##
5 | ## Gradle start up script for UN*X
6 | ##
7 | ##############################################################################
8 |
9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
10 | DEFAULT_JVM_OPTS=""
11 |
12 | APP_NAME="Gradle"
13 | APP_BASE_NAME=`basename "$0"`
14 |
15 | # Use the maximum available, or set MAX_FD != -1 to use that value.
16 | MAX_FD="maximum"
17 |
18 | warn ( ) {
19 | echo "$*"
20 | }
21 |
22 | die ( ) {
23 | echo
24 | echo "$*"
25 | echo
26 | exit 1
27 | }
28 |
29 | # OS specific support (must be 'true' or 'false').
30 | cygwin=false
31 | msys=false
32 | darwin=false
33 | case "`uname`" in
34 | CYGWIN* )
35 | cygwin=true
36 | ;;
37 | Darwin* )
38 | darwin=true
39 | ;;
40 | MINGW* )
41 | msys=true
42 | ;;
43 | esac
44 |
45 | # Attempt to set APP_HOME
46 | # Resolve links: $0 may be a link
47 | PRG="$0"
48 | # Need this for relative symlinks.
49 | while [ -h "$PRG" ] ; do
50 | ls=`ls -ld "$PRG"`
51 | link=`expr "$ls" : '.*-> \(.*\)$'`
52 | if expr "$link" : '/.*' > /dev/null; then
53 | PRG="$link"
54 | else
55 | PRG=`dirname "$PRG"`"/$link"
56 | fi
57 | done
58 | SAVED="`pwd`"
59 | cd "`dirname \"$PRG\"`/" >/dev/null
60 | APP_HOME="`pwd -P`"
61 | cd "$SAVED" >/dev/null
62 |
63 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
64 |
65 | # Determine the Java command to use to start the JVM.
66 | if [ -n "$JAVA_HOME" ] ; then
67 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
68 | # IBM's JDK on AIX uses strange locations for the executables
69 | JAVACMD="$JAVA_HOME/jre/sh/java"
70 | else
71 | JAVACMD="$JAVA_HOME/bin/java"
72 | fi
73 | if [ ! -x "$JAVACMD" ] ; then
74 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
75 |
76 | Please set the JAVA_HOME variable in your environment to match the
77 | location of your Java installation."
78 | fi
79 | else
80 | JAVACMD="java"
81 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
82 |
83 | Please set the JAVA_HOME variable in your environment to match the
84 | location of your Java installation."
85 | fi
86 |
87 | # Increase the maximum file descriptors if we can.
88 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then
89 | MAX_FD_LIMIT=`ulimit -H -n`
90 | if [ $? -eq 0 ] ; then
91 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
92 | MAX_FD="$MAX_FD_LIMIT"
93 | fi
94 | ulimit -n $MAX_FD
95 | if [ $? -ne 0 ] ; then
96 | warn "Could not set maximum file descriptor limit: $MAX_FD"
97 | fi
98 | else
99 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
100 | fi
101 | fi
102 |
103 | # For Darwin, add options to specify how the application appears in the dock
104 | if $darwin; then
105 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
106 | fi
107 |
108 | # For Cygwin, switch paths to Windows format before running java
109 | if $cygwin ; then
110 | APP_HOME=`cygpath --path --mixed "$APP_HOME"`
111 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
112 | JAVACMD=`cygpath --unix "$JAVACMD"`
113 |
114 | # We build the pattern for arguments to be converted via cygpath
115 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
116 | SEP=""
117 | for dir in $ROOTDIRSRAW ; do
118 | ROOTDIRS="$ROOTDIRS$SEP$dir"
119 | SEP="|"
120 | done
121 | OURCYGPATTERN="(^($ROOTDIRS))"
122 | # Add a user-defined pattern to the cygpath arguments
123 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then
124 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
125 | fi
126 | # Now convert the arguments - kludge to limit ourselves to /bin/sh
127 | i=0
128 | for arg in "$@" ; do
129 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
130 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option
131 |
132 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition
133 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
134 | else
135 | eval `echo args$i`="\"$arg\""
136 | fi
137 | i=$((i+1))
138 | done
139 | case $i in
140 | (0) set -- ;;
141 | (1) set -- "$args0" ;;
142 | (2) set -- "$args0" "$args1" ;;
143 | (3) set -- "$args0" "$args1" "$args2" ;;
144 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
145 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
146 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
147 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
148 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
149 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
150 | esac
151 | fi
152 |
153 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules
154 | function splitJvmOpts() {
155 | JVM_OPTS=("$@")
156 | }
157 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS
158 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME"
159 |
160 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@"
161 |
--------------------------------------------------------------------------------
/README.MD:
--------------------------------------------------------------------------------
1 | [](https://travis-ci.org/alphamu/PinEntryEditText)
2 |
3 | # PinEntryEditText for Android
4 |
5 | This repository contains `PinEntryEditText` which extends the behaviour
6 | of `EditText` and implement features that are otherwise not available.
7 |
8 | 
9 |
10 | ## Features
11 |
12 | ### PinEntryEditText
13 |
14 | - Number of pin characters is configurable. You can use the `maxLength` property to define however long you want your pin to be.
15 | - PinEntryEditText which supports text animating in.
16 | - Lets you specify any unicode character to be used as a mask for input.
17 | - Specify drawable as the foreground/background.
18 |
19 | ## Usage
20 |
21 | Below is a fast guide to getting started. However, if you need to read about these widgets in
22 | details. Read more about
23 | [PinEntryEditText](https://medium.com/@ali.muzaffar/building-a-pinentryedittext-in-android-5f2eddcae5d3#.tka93qm3d).
24 |
25 | NOTE: Make sure `jcenter()` is one of the repositories mentioned in your build.gradle.
26 | This used to be the default repository for Android but since then has changed the `google()`
27 | This needs to be set in your top level build.gradle: `/build.gradle`
28 |
29 | ```
30 | buildscript {
31 | repositories {
32 | jcenter()
33 | ...
34 | }
35 | ...
36 | }
37 | ```
38 |
39 | ## STEP-1
40 |
41 | ### Gradle
42 |
43 |
44 | **Jetpack** support in version 2.0 [](https://bintray.com/alphamu/customwidgets/PinEntryEditText/_latestVersion):
45 |
46 | dependencies {
47 | implementation ('com.alimuzaffar.lib:pinentryedittext:2.0.6') {
48 | // Exclude is only needed if you already have
49 | // androidx.appcompat as a dependency in your app.
50 | exclude group: 'androidx.appcompat', module: 'appcompat'
51 | }
52 | }
53 |
54 | If you don't use Jetpack, use version 1.3.X [  ](https://bintray.com/alphamu/customwidgets/PinEntryEditText/1.3.10/link)
55 |
56 | dependencies {
57 | implementation ('com.alimuzaffar.lib:pinentryedittext:1.3.10') {
58 | // Exclude is only needed if you already have
59 | // any of the following as a dependency in your project.
60 | exclude group: 'com.android.support', module: 'support-v4'
61 | exclude group: 'com.android.support', module: 'appcompat-v7'
62 | exclude group: 'com.android.support', module: 'support-v13'
63 | }
64 | }
65 |
66 | **Note:** You don't need to exclude all the support groups. However, it's a good idea to do this
67 | as your code is likely to use a different version from the library.
68 |
69 | ## STEP-2
70 |
71 | ### Setup PinEntryEditText in your layout
72 |
73 | ```xml
74 |
95 | ```
96 |
97 | ### Listen for pin entry
98 |
99 | ```java
100 | final PinEntryEditText pinEntry = (PinEntryEditText) findViewById(R.id.txt_pin_entry);
101 | if (pinEntry != null) {
102 | pinEntry.setOnPinEnteredListener(new PinEntryEditText.OnPinEnteredListener() {
103 | @Override
104 | public void onPinEntered(CharSequence str) {
105 | if (str.toString().equals("1234")) {
106 | Toast.makeText(AnimatedEditTextWidgetsActivity.this, "SUCCESS", Toast.LENGTH_SHORT).show();
107 | } else {
108 | Toast.makeText(AnimatedEditTextWidgetsActivity.this, "FAIL", Toast.LENGTH_SHORT).show();
109 | pinEntry.setText(null);
110 | }
111 | }
112 | });
113 | }
114 | ```
115 |
116 | ## Use your own Drawable as a pin character background
117 |
118 | You can use your own drawable for the pin entry background by specifying the `app:pinBackgroundDrawable`
119 | attribute in the xml. If you want to specify the empty and filled states using your background drawable
120 | you can set the `textColor` to transparent and setup your drawable as follows:
121 |
122 | ```xml
123 |
127 |
128 |
129 | -
130 |
131 |
132 |
133 |
134 |
135 | -
136 |
137 |
138 |
139 |
140 |
141 | -
142 |
143 |
144 |
145 |
146 |
147 | -
148 |
149 |
150 |
151 |
152 |
153 | ```
154 |
155 | **Note** that in this setup, the size of the drawable will be determined by the `textSize` and and the `pinTextBottomPadding`
156 | which is the space between the character and the line below (or the bottom of the `pinBackgroundDrawable`).
157 | For good measure, set `pinAnimationType` to none as well.
158 |
159 | ## Effects :
160 |
161 | 1. PopIn (default)
162 | 2. Bottom Up
163 |
164 | License
165 | =======
166 |
167 | Licensed under the Apache License, Version 2.0 (the "License");
168 | you may not use this file except in compliance with the License.
169 | You may obtain a copy of the License at
170 |
171 | http://www.apache.org/licenses/LICENSE-2.0
172 |
173 | Unless required by applicable law or agreed to in writing, software
174 | distributed under the License is distributed on an "AS IS" BASIS,
175 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
176 | See the License for the specific language governing permissions and
177 | limitations under the License.
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | Apache License
2 | Version 2.0, January 2004
3 | http://www.apache.org/licenses/
4 |
5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
6 |
7 | 1. Definitions.
8 |
9 | "License" shall mean the terms and conditions for use, reproduction,
10 | and distribution as defined by Sections 1 through 9 of this document.
11 |
12 | "Licensor" shall mean the copyright owner or entity authorized by
13 | the copyright owner that is granting the License.
14 |
15 | "Legal Entity" shall mean the union of the acting entity and all
16 | other entities that control, are controlled by, or are under common
17 | control with that entity. For the purposes of this definition,
18 | "control" means (i) the power, direct or indirect, to cause the
19 | direction or management of such entity, whether by contract or
20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the
21 | outstanding shares, or (iii) beneficial ownership of such entity.
22 |
23 | "You" (or "Your") shall mean an individual or Legal Entity
24 | exercising permissions granted by this License.
25 |
26 | "Source" form shall mean the preferred form for making modifications,
27 | including but not limited to software source code, documentation
28 | source, and configuration files.
29 |
30 | "Object" form shall mean any form resulting from mechanical
31 | transformation or translation of a Source form, including but
32 | not limited to compiled object code, generated documentation,
33 | and conversions to other media types.
34 |
35 | "Work" shall mean the work of authorship, whether in Source or
36 | Object form, made available under the License, as indicated by a
37 | copyright notice that is included in or attached to the work
38 | (an example is provided in the Appendix below).
39 |
40 | "Derivative Works" shall mean any work, whether in Source or Object
41 | form, that is based on (or derived from) the Work and for which the
42 | editorial revisions, annotations, elaborations, or other modifications
43 | represent, as a whole, an original work of authorship. For the purposes
44 | of this License, Derivative Works shall not include works that remain
45 | separable from, or merely link (or bind by name) to the interfaces of,
46 | the Work and Derivative Works thereof.
47 |
48 | "Contribution" shall mean any work of authorship, including
49 | the original version of the Work and any modifications or additions
50 | to that Work or Derivative Works thereof, that is intentionally
51 | submitted to Licensor for inclusion in the Work by the copyright owner
52 | or by an individual or Legal Entity authorized to submit on behalf of
53 | the copyright owner. For the purposes of this definition, "submitted"
54 | means any form of electronic, verbal, or written communication sent
55 | to the Licensor or its representatives, including but not limited to
56 | communication on electronic mailing lists, source code control systems,
57 | and issue tracking systems that are managed by, or on behalf of, the
58 | Licensor for the purpose of discussing and improving the Work, but
59 | excluding communication that is conspicuously marked or otherwise
60 | designated in writing by the copyright owner as "Not a Contribution."
61 |
62 | "Contributor" shall mean Licensor and any individual or Legal Entity
63 | on behalf of whom a Contribution has been received by Licensor and
64 | subsequently incorporated within the Work.
65 |
66 | 2. Grant of Copyright License. Subject to the terms and conditions of
67 | this License, each Contributor hereby grants to You a perpetual,
68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable
69 | copyright license to reproduce, prepare Derivative Works of,
70 | publicly display, publicly perform, sublicense, and distribute the
71 | Work and such Derivative Works in Source or Object form.
72 |
73 | 3. Grant of Patent License. Subject to the terms and conditions of
74 | this License, each Contributor hereby grants to You a perpetual,
75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable
76 | (except as stated in this section) patent license to make, have made,
77 | use, offer to sell, sell, import, and otherwise transfer the Work,
78 | where such license applies only to those patent claims licensable
79 | by such Contributor that are necessarily infringed by their
80 | Contribution(s) alone or by combination of their Contribution(s)
81 | with the Work to which such Contribution(s) was submitted. If You
82 | institute patent litigation against any entity (including a
83 | cross-claim or counterclaim in a lawsuit) alleging that the Work
84 | or a Contribution incorporated within the Work constitutes direct
85 | or contributory patent infringement, then any patent licenses
86 | granted to You under this License for that Work shall terminate
87 | as of the date such litigation is filed.
88 |
89 | 4. Redistribution. You may reproduce and distribute copies of the
90 | Work or Derivative Works thereof in any medium, with or without
91 | modifications, and in Source or Object form, provided that You
92 | meet the following conditions:
93 |
94 | (a) You must give any other recipients of the Work or
95 | Derivative Works a copy of this License; and
96 |
97 | (b) You must cause any modified files to carry prominent notices
98 | stating that You changed the files; and
99 |
100 | (c) You must retain, in the Source form of any Derivative Works
101 | that You distribute, all copyright, patent, trademark, and
102 | attribution notices from the Source form of the Work,
103 | excluding those notices that do not pertain to any part of
104 | the Derivative Works; and
105 |
106 | (d) If the Work includes a "NOTICE" text file as part of its
107 | distribution, then any Derivative Works that You distribute must
108 | include a readable copy of the attribution notices contained
109 | within such NOTICE file, excluding those notices that do not
110 | pertain to any part of the Derivative Works, in at least one
111 | of the following places: within a NOTICE text file distributed
112 | as part of the Derivative Works; within the Source form or
113 | documentation, if provided along with the Derivative Works; or,
114 | within a display generated by the Derivative Works, if and
115 | wherever such third-party notices normally appear. The contents
116 | of the NOTICE file are for informational purposes only and
117 | do not modify the License. You may add Your own attribution
118 | notices within Derivative Works that You distribute, alongside
119 | or as an addendum to the NOTICE text from the Work, provided
120 | that such additional attribution notices cannot be construed
121 | as modifying the License.
122 |
123 | You may add Your own copyright statement to Your modifications and
124 | may provide additional or different license terms and conditions
125 | for use, reproduction, or distribution of Your modifications, or
126 | for any such Derivative Works as a whole, provided Your use,
127 | reproduction, and distribution of the Work otherwise complies with
128 | the conditions stated in this License.
129 |
130 | 5. Submission of Contributions. Unless You explicitly state otherwise,
131 | any Contribution intentionally submitted for inclusion in the Work
132 | by You to the Licensor shall be under the terms and conditions of
133 | this License, without any additional terms or conditions.
134 | Notwithstanding the above, nothing herein shall supersede or modify
135 | the terms of any separate license agreement you may have executed
136 | with Licensor regarding such Contributions.
137 |
138 | 6. Trademarks. This License does not grant permission to use the trade
139 | names, trademarks, service marks, or product names of the Licensor,
140 | except as required for reasonable and customary use in describing the
141 | origin of the Work and reproducing the content of the NOTICE file.
142 |
143 | 7. Disclaimer of Warranty. Unless required by applicable law or
144 | agreed to in writing, Licensor provides the Work (and each
145 | Contributor provides its Contributions) on an "AS IS" BASIS,
146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
147 | implied, including, without limitation, any warranties or conditions
148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
149 | PARTICULAR PURPOSE. You are solely responsible for determining the
150 | appropriateness of using or redistributing the Work and assume any
151 | risks associated with Your exercise of permissions under this License.
152 |
153 | 8. Limitation of Liability. In no event and under no legal theory,
154 | whether in tort (including negligence), contract, or otherwise,
155 | unless required by applicable law (such as deliberate and grossly
156 | negligent acts) or agreed to in writing, shall any Contributor be
157 | liable to You for damages, including any direct, indirect, special,
158 | incidental, or consequential damages of any character arising as a
159 | result of this License or out of the use or inability to use the
160 | Work (including but not limited to damages for loss of goodwill,
161 | work stoppage, computer failure or malfunction, or any and all
162 | other commercial damages or losses), even if such Contributor
163 | has been advised of the possibility of such damages.
164 |
165 | 9. Accepting Warranty or Additional Liability. While redistributing
166 | the Work or Derivative Works thereof, You may choose to offer,
167 | and charge a fee for, acceptance of support, warranty, indemnity,
168 | or other liability obligations and/or rights consistent with this
169 | License. However, in accepting such obligations, You may act only
170 | on Your own behalf and on Your sole responsibility, not on behalf
171 | of any other Contributor, and only if You agree to indemnify,
172 | defend, and hold each Contributor harmless for any liability
173 | incurred by, or claims asserted against, such Contributor by reason
174 | of your accepting any such warranty or additional liability.
175 |
176 | END OF TERMS AND CONDITIONS
177 |
178 | APPENDIX: How to apply the Apache License to your work.
179 |
180 | To apply the Apache License to your work, attach the following
181 | boilerplate notice, with the fields enclosed by brackets "{}"
182 | replaced with your own identifying information. (Don't include
183 | the brackets!) The text should be enclosed in the appropriate
184 | comment syntax for the file format. We also recommend that a
185 | file or class name and description of purpose be included on the
186 | same "printed page" as the copyright notice for easier
187 | identification within third-party archives.
188 |
189 | Copyright {yyyy} {name of copyright owner}
190 |
191 | Licensed under the Apache License, Version 2.0 (the "License");
192 | you may not use this file except in compliance with the License.
193 | You may obtain a copy of the License at
194 |
195 | http://www.apache.org/licenses/LICENSE-2.0
196 |
197 | Unless required by applicable law or agreed to in writing, software
198 | distributed under the License is distributed on an "AS IS" BASIS,
199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
200 | See the License for the specific language governing permissions and
201 | limitations under the License.
202 |
--------------------------------------------------------------------------------
/pinentryedittext/src/main/java/com/alimuzaffar/lib/pin/PinEntryEditText.java:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright 2016 Ali Muzaffar
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 | package com.alimuzaffar.lib.pin;
17 |
18 | import android.animation.Animator;
19 | import android.animation.AnimatorSet;
20 | import android.animation.ValueAnimator;
21 | import android.content.Context;
22 | import android.content.res.ColorStateList;
23 | import android.content.res.TypedArray;
24 | import android.graphics.Canvas;
25 | import android.graphics.Color;
26 | import android.graphics.Paint;
27 | import android.graphics.Rect;
28 | import android.graphics.RectF;
29 | import android.graphics.Typeface;
30 | import android.graphics.drawable.Drawable;
31 | import android.text.InputFilter;
32 | import android.text.InputType;
33 | import android.text.TextUtils;
34 | import android.util.AttributeSet;
35 | import android.util.TypedValue;
36 | import android.view.ActionMode;
37 | import android.view.Menu;
38 | import android.view.MenuItem;
39 | import android.view.View;
40 | import android.view.animation.OvershootInterpolator;
41 | import android.view.inputmethod.InputMethodManager;
42 |
43 | import androidx.annotation.Nullable;
44 | import androidx.appcompat.widget.AppCompatEditText;
45 | import androidx.core.content.ContextCompat;
46 | import androidx.core.view.ViewCompat;
47 |
48 | public class PinEntryEditText extends AppCompatEditText {
49 | private static final String XML_NAMESPACE_ANDROID = "http://schemas.android.com/apk/res/android";
50 |
51 | public static final String DEFAULT_MASK = "\u25CF";
52 |
53 | protected String mMask = null;
54 | protected StringBuilder mMaskChars = null;
55 | protected String mSingleCharHint = null;
56 | protected int mAnimatedType = 0;
57 | protected float mSpace = 24; //24 dp by default, space between the lines
58 | protected float mCharSize;
59 | protected float mNumChars = 4;
60 | protected float mTextBottomPadding = 8; //8dp by default, height of the text from our lines
61 | protected int mMaxLength = 4;
62 | protected RectF[] mLineCoords;
63 | protected float[] mCharBottom;
64 | protected Paint mCharPaint;
65 | protected Paint mLastCharPaint;
66 | protected Paint mSingleCharPaint;
67 | protected Drawable mPinBackground;
68 | protected Rect mTextHeight = new Rect();
69 | protected boolean mIsDigitSquare = false;
70 |
71 | protected OnClickListener mClickListener;
72 | protected OnPinEnteredListener mOnPinEnteredListener = null;
73 |
74 | protected float mLineStroke = 1; //1dp by default
75 | protected float mLineStrokeSelected = 2; //2dp by default
76 | protected Paint mLinesPaint;
77 | protected boolean mAnimate = false;
78 | protected boolean mHasError = false;
79 | protected ColorStateList mOriginalTextColors;
80 | protected int[][] mStates = new int[][]{
81 | new int[]{android.R.attr.state_selected}, // selected
82 | new int[]{android.R.attr.state_active}, // error
83 | new int[]{android.R.attr.state_focused}, // focused
84 | new int[]{-android.R.attr.state_focused}, // unfocused
85 | };
86 |
87 | protected int[] mColors = new int[]{
88 | Color.GREEN,
89 | Color.RED,
90 | Color.BLACK,
91 | Color.GRAY
92 | };
93 |
94 | protected ColorStateList mColorStates = new ColorStateList(mStates, mColors);
95 |
96 | public PinEntryEditText(Context context) {
97 | super(context);
98 | }
99 |
100 | public PinEntryEditText(Context context, AttributeSet attrs) {
101 | super(context, attrs);
102 | init(context, attrs);
103 | }
104 |
105 | public PinEntryEditText(Context context, AttributeSet attrs, int defStyleAttr) {
106 | super(context, attrs, defStyleAttr);
107 | init(context, attrs);
108 | }
109 |
110 | public void setMaxLength(final int maxLength) {
111 | mMaxLength = maxLength;
112 | mNumChars = maxLength;
113 |
114 | setFilters(new InputFilter[]{new InputFilter.LengthFilter(maxLength)});
115 |
116 | setText(null);
117 | invalidate();
118 | }
119 |
120 | public void setMask(String mask) {
121 | mMask = mask;
122 | mMaskChars = null;
123 | invalidate();
124 | }
125 |
126 | public void setSingleCharHint(String hint) {
127 | mSingleCharHint = hint;
128 | invalidate();
129 | }
130 |
131 | private void init(Context context, AttributeSet attrs) {
132 | float multi = context.getResources().getDisplayMetrics().density;
133 | mLineStroke = multi * mLineStroke;
134 | mLineStrokeSelected = multi * mLineStrokeSelected;
135 | mSpace = multi * mSpace; //convert to pixels for our density
136 | mTextBottomPadding = multi * mTextBottomPadding; //convert to pixels for our density
137 |
138 | TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.PinEntryEditText, 0, 0);
139 | try {
140 | TypedValue outValue = new TypedValue();
141 | ta.getValue(R.styleable.PinEntryEditText_pinAnimationType, outValue);
142 | mAnimatedType = outValue.data;
143 | mMask = ta.getString(R.styleable.PinEntryEditText_pinCharacterMask);
144 | mSingleCharHint = ta.getString(R.styleable.PinEntryEditText_pinRepeatedHint);
145 | mLineStroke = ta.getDimension(R.styleable.PinEntryEditText_pinLineStroke, mLineStroke);
146 | mLineStrokeSelected = ta.getDimension(R.styleable.PinEntryEditText_pinLineStrokeSelected, mLineStrokeSelected);
147 | mSpace = ta.getDimension(R.styleable.PinEntryEditText_pinCharacterSpacing, mSpace);
148 | mTextBottomPadding = ta.getDimension(R.styleable.PinEntryEditText_pinTextBottomPadding, mTextBottomPadding);
149 | mIsDigitSquare = ta.getBoolean(R.styleable.PinEntryEditText_pinBackgroundIsSquare, mIsDigitSquare);
150 | mPinBackground = ta.getDrawable(R.styleable.PinEntryEditText_pinBackgroundDrawable);
151 | ColorStateList colors = ta.getColorStateList(R.styleable.PinEntryEditText_pinLineColors);
152 | if (colors != null) {
153 | mColorStates = colors;
154 | }
155 | } finally {
156 | ta.recycle();
157 | }
158 |
159 | mCharPaint = new Paint(getPaint());
160 | mLastCharPaint = new Paint(getPaint());
161 | mSingleCharPaint = new Paint(getPaint());
162 | mLinesPaint = new Paint(getPaint());
163 | mLinesPaint.setStrokeWidth(mLineStroke);
164 |
165 | TypedValue outValue = new TypedValue();
166 | context.getTheme().resolveAttribute(R.attr.colorControlActivated,
167 | outValue, true);
168 | int colorSelected = outValue.data;
169 | mColors[0] = colorSelected;
170 |
171 | int colorFocused = isInEditMode() ? Color.GRAY : ContextCompat.getColor(context, R.color.pin_normal);
172 | mColors[1] = colorFocused;
173 |
174 | int colorUnfocused = isInEditMode() ? Color.GRAY : ContextCompat.getColor(context, R.color.pin_normal);
175 | mColors[2] = colorUnfocused;
176 |
177 | setBackgroundResource(0);
178 |
179 | mMaxLength = attrs.getAttributeIntValue(XML_NAMESPACE_ANDROID, "maxLength", 4);
180 | mNumChars = mMaxLength;
181 |
182 | //Disable copy paste
183 | super.setCustomSelectionActionModeCallback(new ActionMode.Callback() {
184 | public boolean onPrepareActionMode(ActionMode mode, Menu menu) {
185 | return false;
186 | }
187 |
188 | public void onDestroyActionMode(ActionMode mode) {
189 | }
190 |
191 | public boolean onCreateActionMode(ActionMode mode, Menu menu) {
192 | return false;
193 | }
194 |
195 | public boolean onActionItemClicked(ActionMode mode, MenuItem item) {
196 | return false;
197 | }
198 | });
199 | // When tapped, move cursor to end of text.
200 | super.setOnClickListener(new OnClickListener() {
201 | @Override
202 | public void onClick(View v) {
203 | setSelection(getText().length());
204 | if (mClickListener != null) {
205 | mClickListener.onClick(v);
206 | }
207 | }
208 | });
209 |
210 | super.setOnLongClickListener(new OnLongClickListener() {
211 | @Override
212 | public boolean onLongClick(View v) {
213 | setSelection(getText().length());
214 | return true;
215 | }
216 | });
217 |
218 | //If input type is password and no mask is set, use a default mask
219 | if ((getInputType() & InputType.TYPE_TEXT_VARIATION_PASSWORD) == InputType.TYPE_TEXT_VARIATION_PASSWORD && TextUtils.isEmpty(mMask)) {
220 | mMask = DEFAULT_MASK;
221 | } else if ((getInputType() & InputType.TYPE_NUMBER_VARIATION_PASSWORD) == InputType.TYPE_NUMBER_VARIATION_PASSWORD && TextUtils.isEmpty(mMask)) {
222 | mMask = DEFAULT_MASK;
223 | }
224 |
225 | if (!TextUtils.isEmpty(mMask)) {
226 | mMaskChars = getMaskChars();
227 | }
228 |
229 | //Height of the characters, used if there is a background drawable
230 | getPaint().getTextBounds("|", 0, 1, mTextHeight);
231 |
232 | mAnimate = mAnimatedType > -1;
233 | }
234 |
235 | @Override
236 | public void setInputType(int type) {
237 | super.setInputType(type);
238 |
239 | if ((type & InputType.TYPE_TEXT_VARIATION_PASSWORD) == InputType.TYPE_TEXT_VARIATION_PASSWORD
240 | || (type & InputType.TYPE_NUMBER_VARIATION_PASSWORD) == InputType.TYPE_NUMBER_VARIATION_PASSWORD) {
241 | // If input type is password and no mask is set, use a default mask
242 | if (TextUtils.isEmpty(mMask)) {
243 | setMask(DEFAULT_MASK);
244 | }
245 | } else {
246 | // If input type is not password, remove mask
247 | setMask(null);
248 | }
249 |
250 | }
251 |
252 | @Override
253 | protected void onSizeChanged(int w, int h, int oldw, int oldh) {
254 | super.onSizeChanged(w, h, oldw, oldh);
255 | mOriginalTextColors = getTextColors();
256 | if (mOriginalTextColors != null) {
257 | mLastCharPaint.setColor(mOriginalTextColors.getDefaultColor());
258 | mCharPaint.setColor(mOriginalTextColors.getDefaultColor());
259 | mSingleCharPaint.setColor(getCurrentHintTextColor());
260 | }
261 | int availableWidth = getWidth() - ViewCompat.getPaddingEnd(this) - ViewCompat.getPaddingStart(this);
262 | if (mSpace < 0) {
263 | mCharSize = (availableWidth / (mNumChars * 2 - 1));
264 | } else {
265 | mCharSize = (availableWidth - (mSpace * (mNumChars - 1))) / mNumChars;
266 | }
267 | mLineCoords = new RectF[(int) mNumChars];
268 | mCharBottom = new float[(int) mNumChars];
269 | int startX;
270 | int bottom = getHeight() - getPaddingBottom();
271 | int rtlFlag;
272 | final boolean isLayoutRtl = ViewCompat.getLayoutDirection(this) == ViewCompat.LAYOUT_DIRECTION_RTL;
273 | if (isLayoutRtl) {
274 | rtlFlag = -1;
275 | startX = (int) (getWidth() - ViewCompat.getPaddingStart(this) - mCharSize);
276 | } else {
277 | rtlFlag = 1;
278 | startX = ViewCompat.getPaddingStart(this);
279 | }
280 | for (int i = 0; i < mNumChars; i++) {
281 | mLineCoords[i] = new RectF(startX, bottom, startX + mCharSize, bottom);
282 | if (mPinBackground != null) {
283 | if (mIsDigitSquare) {
284 | mLineCoords[i].top = getPaddingTop();
285 | mLineCoords[i].right = startX + mLineCoords[i].width();
286 | } else {
287 | mLineCoords[i].top -= mTextHeight.height() + mTextBottomPadding * 2;
288 | }
289 | }
290 |
291 | if (mSpace < 0) {
292 | startX += rtlFlag * mCharSize * 2;
293 | } else {
294 | startX += rtlFlag * (mCharSize + mSpace);
295 | }
296 | mCharBottom[i] = mLineCoords[i].bottom - mTextBottomPadding;
297 | }
298 | }
299 |
300 | @Override
301 | protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
302 | if (mIsDigitSquare) {
303 | int widthMode = MeasureSpec.getMode(widthMeasureSpec);
304 | int heightMode = MeasureSpec.getMode(heightMeasureSpec);
305 | int measuredWidth = 0;
306 | int measuredHeight = 0;
307 | // If we want a square or circle pin box, we might be able
308 | // to figure out the dimensions outselves
309 | // if width and height are set to wrap_content or match_parent
310 | if (widthMode == MeasureSpec.EXACTLY) {
311 | measuredWidth = MeasureSpec.getSize(widthMeasureSpec);
312 | measuredHeight = (int) ((measuredWidth - (mNumChars - 1 * mSpace)) / mNumChars);
313 | } else if (heightMode == MeasureSpec.EXACTLY) {
314 | measuredHeight = MeasureSpec.getSize(heightMeasureSpec);
315 | measuredWidth = (int) ((measuredHeight * mNumChars) + (mSpace * mNumChars - 1));
316 | } else if (widthMode == MeasureSpec.AT_MOST) {
317 | measuredWidth = MeasureSpec.getSize(widthMeasureSpec);
318 | measuredHeight = (int) ((measuredWidth - (mNumChars - 1 * mSpace)) / mNumChars);
319 | } else if (heightMode == MeasureSpec.AT_MOST) {
320 | measuredHeight = MeasureSpec.getSize(heightMeasureSpec);
321 | measuredWidth = (int) ((measuredHeight * mNumChars) + (mSpace * mNumChars - 1));
322 | } else {
323 | // Both unspecific
324 | // Try for a width based on our minimum
325 | measuredWidth = getPaddingLeft() + getPaddingRight() + getSuggestedMinimumWidth();
326 |
327 | // Whatever the width ends up being, ask for a height that would let the pie
328 | // get as big as it can
329 | measuredHeight = (int) ((measuredWidth - (mNumChars - 1 * mSpace)) / mNumChars);
330 | }
331 |
332 | setMeasuredDimension(
333 | resolveSizeAndState(measuredWidth, widthMeasureSpec, 1), resolveSizeAndState(measuredHeight, heightMeasureSpec, 0));
334 | } else {
335 | super.onMeasure(widthMeasureSpec, heightMeasureSpec);
336 | }
337 | }
338 |
339 | @Override
340 | public void setOnClickListener(OnClickListener l) {
341 | mClickListener = l;
342 | }
343 |
344 | @Override
345 | public void setCustomSelectionActionModeCallback(ActionMode.Callback actionModeCallback) {
346 | throw new RuntimeException("setCustomSelectionActionModeCallback() not supported.");
347 | }
348 |
349 | @Override
350 | protected void onDraw(Canvas canvas) {
351 | //super.onDraw(canvas);
352 | CharSequence text = getFullText();
353 | int textLength = text.length();
354 | float[] textWidths = new float[textLength];
355 | getPaint().getTextWidths(text, 0, textLength, textWidths);
356 |
357 | float hintWidth = 0;
358 | if (mSingleCharHint != null) {
359 | float[] hintWidths = new float[mSingleCharHint.length()];
360 | getPaint().getTextWidths(mSingleCharHint, hintWidths);
361 | for (float i : hintWidths) {
362 | hintWidth += i;
363 | }
364 | }
365 | for (int i = 0; i < mNumChars; i++) {
366 | //If a background for the pin characters is specified, it should be behind the characters.
367 | if (mPinBackground != null) {
368 | updateDrawableState(i < textLength, i == textLength);
369 | mPinBackground.setBounds((int) mLineCoords[i].left, (int) mLineCoords[i].top, (int) mLineCoords[i].right, (int) mLineCoords[i].bottom);
370 | mPinBackground.draw(canvas);
371 | }
372 | float middle = mLineCoords[i].left + mCharSize / 2;
373 | if (textLength > i) {
374 | if (!mAnimate || i != textLength - 1) {
375 | canvas.drawText(text, i, i + 1, middle - textWidths[i] / 2, mCharBottom[i], mCharPaint);
376 | } else {
377 | canvas.drawText(text, i, i + 1, middle - textWidths[i] / 2, mCharBottom[i], mLastCharPaint);
378 | }
379 | } else if (mSingleCharHint != null) {
380 | canvas.drawText(mSingleCharHint, middle - hintWidth / 2, mCharBottom[i], mSingleCharPaint);
381 | }
382 | //The lines should be in front of the text (because that's how I want it).
383 | if (mPinBackground == null) {
384 | updateColorForLines(i <= textLength);
385 | canvas.drawLine(mLineCoords[i].left, mLineCoords[i].top, mLineCoords[i].right, mLineCoords[i].bottom, mLinesPaint);
386 | }
387 | }
388 | }
389 |
390 | private CharSequence getFullText() {
391 | if (TextUtils.isEmpty(mMask)) {
392 | return getText();
393 | } else {
394 | return getMaskChars();
395 | }
396 | }
397 |
398 | private StringBuilder getMaskChars() {
399 | if (mMaskChars == null) {
400 | mMaskChars = new StringBuilder();
401 | }
402 | int textLength = getText().length();
403 | while (mMaskChars.length() != textLength) {
404 | if (mMaskChars.length() < textLength) {
405 | mMaskChars.append(mMask);
406 | } else {
407 | mMaskChars.deleteCharAt(mMaskChars.length() - 1);
408 | }
409 | }
410 | return mMaskChars;
411 | }
412 |
413 |
414 | private int getColorForState(int... states) {
415 | return mColorStates.getColorForState(states, Color.GRAY);
416 | }
417 |
418 | /**
419 | * @param hasTextOrIsNext Is the color for a character that has been typed or is
420 | * the next character to be typed?
421 | */
422 | protected void updateColorForLines(boolean hasTextOrIsNext) {
423 | if (mHasError) {
424 | mLinesPaint.setColor(getColorForState(android.R.attr.state_active));
425 | } else if (isFocused()) {
426 | mLinesPaint.setStrokeWidth(mLineStrokeSelected);
427 | mLinesPaint.setColor(getColorForState(android.R.attr.state_focused));
428 | if (hasTextOrIsNext) {
429 | mLinesPaint.setColor(getColorForState(android.R.attr.state_selected));
430 | }
431 | } else {
432 | mLinesPaint.setStrokeWidth(mLineStroke);
433 | mLinesPaint.setColor(getColorForState(-android.R.attr.state_focused));
434 | }
435 | }
436 |
437 | protected void updateDrawableState(boolean hasText, boolean isNext) {
438 | if (mHasError) {
439 | mPinBackground.setState(new int[]{android.R.attr.state_active});
440 | } else if (isFocused()) {
441 | mPinBackground.setState(new int[]{android.R.attr.state_focused});
442 | if (isNext) {
443 | mPinBackground.setState(new int[]{android.R.attr.state_focused, android.R.attr.state_selected});
444 | } else if (hasText) {
445 | mPinBackground.setState(new int[]{android.R.attr.state_focused, android.R.attr.state_checked});
446 | }
447 | } else {
448 | if (hasText) {
449 | mPinBackground.setState(new int[]{-android.R.attr.state_focused, android.R.attr.state_checked});
450 | } else {
451 | mPinBackground.setState(new int[]{-android.R.attr.state_focused});
452 | }
453 | }
454 | }
455 |
456 | public void setError(boolean hasError) {
457 | mHasError = hasError;
458 | invalidate();
459 | }
460 |
461 | public boolean isError() {
462 | return mHasError;
463 | }
464 |
465 | /**
466 | * Request focus on this PinEntryEditText
467 | */
468 | public void focus() {
469 | requestFocus();
470 |
471 | // Show keyboard
472 | InputMethodManager inputMethodManager = (InputMethodManager) getContext()
473 | .getSystemService(Context.INPUT_METHOD_SERVICE);
474 | inputMethodManager.showSoftInput(this, 0);
475 | }
476 |
477 | @Override
478 | public void setTypeface(@Nullable Typeface tf) {
479 | super.setTypeface(tf);
480 | setCustomTypeface(tf);
481 | }
482 |
483 | @Override
484 | public void setTypeface(@Nullable Typeface tf, int style) {
485 | super.setTypeface(tf, style);
486 | setCustomTypeface(tf);
487 | }
488 |
489 | private void setCustomTypeface(@Nullable Typeface tf) {
490 | if (mCharPaint != null) {
491 | mCharPaint.setTypeface(tf);
492 | mLastCharPaint.setTypeface(tf);
493 | mSingleCharPaint.setTypeface(tf);
494 | mLinesPaint.setTypeface(tf);
495 | }
496 | }
497 |
498 | public void setPinLineColors(ColorStateList colors) {
499 | mColorStates = colors;
500 | invalidate();
501 | }
502 |
503 | public void setPinBackground(Drawable pinBackground) {
504 | mPinBackground = pinBackground;
505 | invalidate();
506 | }
507 |
508 | @Override
509 | protected void onTextChanged(CharSequence text, final int start, int lengthBefore, final int lengthAfter) {
510 | setError(false);
511 | if (mLineCoords == null || !mAnimate) {
512 | if (mOnPinEnteredListener != null && text.length() == mMaxLength) {
513 | mOnPinEnteredListener.onPinEntered(text);
514 | }
515 | return;
516 | }
517 |
518 | if (mAnimatedType == -1) {
519 | invalidate();
520 | return;
521 | }
522 |
523 | if (lengthAfter > lengthBefore) {
524 | if (mAnimatedType == 0) {
525 | animatePopIn();
526 | } else {
527 | animateBottomUp(text, start);
528 | }
529 | }
530 | }
531 |
532 | private void animatePopIn() {
533 | ValueAnimator va = ValueAnimator.ofFloat(1, getPaint().getTextSize());
534 | va.setDuration(200);
535 | va.setInterpolator(new OvershootInterpolator());
536 | va.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
537 | @Override
538 | public void onAnimationUpdate(ValueAnimator animation) {
539 | mLastCharPaint.setTextSize((Float) animation.getAnimatedValue());
540 | PinEntryEditText.this.invalidate();
541 | }
542 | });
543 | if (getText().length() == mMaxLength && mOnPinEnteredListener != null) {
544 | va.addListener(new Animator.AnimatorListener() {
545 | @Override
546 | public void onAnimationStart(Animator animation) {
547 | }
548 |
549 | @Override
550 | public void onAnimationEnd(Animator animation) {
551 | mOnPinEnteredListener.onPinEntered(getText());
552 | }
553 |
554 | @Override
555 | public void onAnimationCancel(Animator animation) {
556 | }
557 |
558 | @Override
559 | public void onAnimationRepeat(Animator animation) {
560 | }
561 | });
562 | }
563 | va.start();
564 | }
565 |
566 | private void animateBottomUp(CharSequence text, final int start) {
567 | mCharBottom[start] = mLineCoords[start].bottom - mTextBottomPadding;
568 | ValueAnimator animUp = ValueAnimator.ofFloat(mCharBottom[start] + getPaint().getTextSize(), mCharBottom[start]);
569 | animUp.setDuration(300);
570 | animUp.setInterpolator(new OvershootInterpolator());
571 | animUp.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
572 | @Override
573 | public void onAnimationUpdate(ValueAnimator animation) {
574 | Float value = (Float) animation.getAnimatedValue();
575 | mCharBottom[start] = value;
576 | PinEntryEditText.this.invalidate();
577 | }
578 | });
579 |
580 | mLastCharPaint.setAlpha(255);
581 | ValueAnimator animAlpha = ValueAnimator.ofInt(0, 255);
582 | animAlpha.setDuration(300);
583 | animAlpha.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
584 | @Override
585 | public void onAnimationUpdate(ValueAnimator animation) {
586 | Integer value = (Integer) animation.getAnimatedValue();
587 | mLastCharPaint.setAlpha(value);
588 | }
589 | });
590 |
591 | AnimatorSet set = new AnimatorSet();
592 | if (text.length() == mMaxLength && mOnPinEnteredListener != null) {
593 | set.addListener(new Animator.AnimatorListener() {
594 |
595 | @Override
596 | public void onAnimationStart(Animator animation) {
597 | }
598 |
599 | @Override
600 | public void onAnimationEnd(Animator animation) {
601 | mOnPinEnteredListener.onPinEntered(getText());
602 | }
603 |
604 | @Override
605 | public void onAnimationCancel(Animator animation) {
606 | }
607 |
608 | @Override
609 | public void onAnimationRepeat(Animator animation) {
610 |
611 | }
612 | });
613 | }
614 | set.playTogether(animUp, animAlpha);
615 | set.start();
616 | }
617 |
618 | public void setAnimateText(boolean animate) {
619 | mAnimate = animate;
620 | }
621 |
622 | public void setOnPinEnteredListener(OnPinEnteredListener l) {
623 | mOnPinEnteredListener = l;
624 | }
625 |
626 | public interface OnPinEnteredListener {
627 | void onPinEntered(CharSequence str);
628 | }
629 | }
--------------------------------------------------------------------------------