+

+ Travis CI +Codecov +Maven Central +Nexus Snapshot +Android SDK +

+ +

PinView

+ +

Android customizable pin input view.

+ +

+ Preview. +

+ +

Download

+ + 
repositories {
+    google()
+    mavenCentral()
+}
+dependencies {
+    compile "com.hendraanggrian.appcompat:pinview:$version"
+}
+
+ +

Usage

+ +

Declare view in xml layout.

+ + 
<com.hendraanggrian.appcompat.widget.PinGroup
+  android:id="@+id/pinGroup"
+  android:layout_width="match_parent"
+  android:layout_height="wrap_content"
+  android:pinTextAppearance="@style/TextAppearance.AppCompat.Display2"
+  app:pinCount="6"/>
+
+ +

Then in java.

+ + 
PinGroup view = findViewById<>(R.id.pinView);
+CharSequence pin = view.getText();
+
+// set listener
+view.setOnStateChangedListener(new PinGroup.OnStateChangedListener() {
+  @Override
+  public void onStateChanged(@NonNull PinGroup view, boolean isComplete) {
+    // do something
+  }
+});
+view.setOnPinChangedListener(new PinGroup.OnPinChangedListener() {
+  @Override
+  public void onStateChanged(@NonNull PinGroup view, @NonNull CharSequence pin) {
+    // do something
+  }
+});
+
+ +

Use custom pin

+ +

+ Make a class that extends PinView. +

+ + 
package com.example;
+
+public class CustomPinView extends PinView {
+  public CustomPinView(Context context) {
+    super(context);
+    doSomething();
+  }
+}
+
+ +

Then refer to that class in xml, there is no way to do change it +programmatically.

+ + 
<com.hendraanggrian.appcompat.widget.PinGroup
+  android:layout_width="match_parent"
+  android:layout_height="wrap_content"
+  app:pinView="com.example.CustomPinView"/>
+
+ + +