├── .gitignore ├── .idea ├── .name ├── compiler.xml ├── gradle.xml ├── inspectionProfiles │ └── Project_Default.xml ├── libraries │ ├── appcompat_v7_23_0_0.xml │ ├── design_23_0_0.xml │ ├── support_annotations_23_0_0.xml │ └── support_v4_23_0_0.xml ├── misc.xml ├── modules.xml ├── runConfigurations.xml └── vcs.xml ├── LICENSE ├── PinView.iml ├── README.md ├── app ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ └── main │ ├── AndroidManifest.xml │ ├── java │ └── com │ │ └── dpizarro │ │ └── libraries │ │ └── pinview │ │ ├── ConfigFragment.java │ │ ├── LoginFragment.java │ │ ├── MainActivity.java │ │ └── Utils.java │ └── res │ ├── drawable-hdpi │ └── ic_github.png │ ├── drawable-mdpi │ └── ic_github.png │ ├── drawable-xhdpi │ └── ic_github.png │ ├── drawable-xxhdpi │ ├── ic_github.png │ └── lock.png │ ├── drawable │ └── background.png │ ├── layout │ ├── config_fragment.xml │ ├── login_fragment.xml │ └── main_activity.xml │ ├── menu │ └── main.xml │ ├── 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 │ ├── values-hdpi │ └── dimens.xml │ ├── values-mdpi │ └── dimens.xml │ ├── values-sw600dp │ └── dimens.xml │ ├── values-w820dp │ └── dimens.xml │ ├── values-xhdpi │ └── dimens.xml │ ├── values-xxhdpi │ └── dimens.xml │ └── values │ ├── arrays.xml │ ├── colors.xml │ ├── dimens.xml │ ├── integers.xml │ ├── strings.xml │ └── styles.xml ├── art ├── badge_android_arsenal.png ├── demo.gif └── screenshots_framed.png ├── build.gradle ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── library ├── .gitignore ├── build.gradle ├── library.iml ├── proguard-rules.pro └── src │ └── main │ ├── AndroidManifest.xml │ ├── java │ └── com │ │ └── dpizarro │ │ └── pinview │ │ └── library │ │ ├── PinView.java │ │ ├── PinViewBaseHelper.java │ │ ├── PinViewSettings.java │ │ └── PinViewUtils.java │ └── res │ ├── drawable │ └── pin_box.xml │ ├── layout │ ├── partial_pin_box.xml │ ├── partial_pin_text.xml │ ├── pin_view.xml │ └── pin_view_edit_mode.xml │ └── values │ ├── attrs.xml │ ├── colors.xml │ ├── dimens.xml │ └── styles_pinview.xml └── settings.gradle /.gitignore: -------------------------------------------------------------------------------- 1 | # Built application files 2 | *.apk 3 | *.ap_ 4 | 5 | # Files for the Dalvik VM 6 | *.dex 7 | 8 | # Java class files 9 | *.class 10 | 11 | # Generated files 12 | bin/ 13 | gen/ 14 | 15 | # Gradle files 16 | .gradle/ 17 | build/ 18 | /*/build/ 19 | 20 | # Local configuration file (sdk path, etc) 21 | local.properties 22 | 23 | # Proguard folder generated by Eclipse 24 | proguard/ 25 | 26 | # Log Files 27 | *.log 28 | 29 | /local.properties 30 | /.idea/workspace.xml 31 | /.idea/libraries 32 | .DS_Store 33 | /build 34 | /captures 35 | PinView.iml 36 | .idea/.name 37 | .idea/misc.xml 38 | .idea/modules.xml 39 | .idea/runConfigurations.xml 40 | app/app.iml 41 | library/library.iml -------------------------------------------------------------------------------- /.idea/.name: -------------------------------------------------------------------------------- 1 | PinView -------------------------------------------------------------------------------- /.idea/compiler.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 22 | -------------------------------------------------------------------------------- /.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 20 | -------------------------------------------------------------------------------- /.idea/inspectionProfiles/Project_Default.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 37 | -------------------------------------------------------------------------------- /.idea/libraries/appcompat_v7_23_0_0.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /.idea/libraries/design_23_0_0.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /.idea/libraries/support_annotations_23_0_0.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /.idea/libraries/support_v4_23_0_0.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 19 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | Android 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 62 | 63 | 64 | 65 | 66 | 67 | 72 | 73 | 74 | 75 | 76 | 77 | -------------------------------------------------------------------------------- /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /.idea/runConfigurations.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | 12 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /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 | 203 | -------------------------------------------------------------------------------- /PinView.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # PinView 2 | 3 | [![Android Arsenal](https://img.shields.io/badge/Android%20Arsenal-PinView-brightgreen.svg?style=flat)](http://android-arsenal.com/details/1/2411) [![Maven Central](https://maven-badges.herokuapp.com/maven-central/com.github.davidpizarro/pinview/badge.svg)](https://maven-badges.herokuapp.com/maven-central/com.github.davidpizarro/pinview) [![Android Gems](http://www.android-gems.com/badge/DavidPizarro/PinView.svg?branch=master)](http://www.android-gems.com/lib/DavidPizarro/PinView) 4 | 5 | A Pin view widget for Android. PinView has a feature that allows you to find out when they have completed all parameters. 6 | Support for Android 3.0 and up. It supports portrait and landscape mode, saving the state. 7 | 8 | ![Example screenshot](art/screenshots_framed.png) 9 | 10 | Try out the sample application on [Google Play][1]. 11 | 12 | 13 | PinView Sample on Google Play 15 | 16 | 17 | Demo 18 | ========================= 19 | 20 | ![Example gif](art/demo.gif) 21 | 22 | Including in Your Project 23 | ========================= 24 | 25 | Last version is 1.0.0 26 | 27 | Just add the following statement in your build.gradle 28 | 29 | compile 'com.github.davidpizarro:pinview:VERSION' 30 | 31 | You may also add the library as an Android Library to your project. All the library files live in ```library```. 32 | 33 | Usage 34 | ===== 35 | 36 | To add the PinView to your layout, add this to your xml 37 | ```xml 38 | 42 | ``` 43 | 44 | You can add custom attributes in your xml to customize: pin boxes number, splits, number of characters in pin boxes, styles, mask password, titles, drawables, sizes, colors, behaviors... 45 | ```xml 46 | 47 | 66 | 67 | ``` 68 | Review [attrs.xml][3] file to know the list of shapes ready to be used in the library. 69 | 70 | 71 | This configuration can be also provided programmatically. You can use PinView programatically, using the Builder class to set the settings and the desired functionalities to make easy: 72 | ```java 73 | PinView pinView = (PinView) view.findViewById(R.id.pinView); 74 | 75 | PinViewSettings pinViewSettings = new PinViewSettings.Builder() 76 | .withPinTitles(titlesAux) 77 | .withMaskPassword(true) 78 | .withDeleteOnClick(true) 79 | .withKeyboardMandatory(false) 80 | .withSplit("-") 81 | .withNumberPinBoxes(5) 82 | .withNativePinBox(false) 83 | .build(); 84 | 85 | pinView.setSettings(pinViewSettings); 86 | ``` 87 | 88 | You can set/get values programatically: 89 | ```java 90 | mPinView.setPin(5); 91 | mPinView.setTitles(getResources().getStringArray(R.array.titles)); 92 | mPinView.setMaskPassword(true); 93 | mPinView.setDeleteOnClick(true); 94 | mPinView.setNativePinBox(true); 95 | mPinView.setCustomDrawablePinBox(R.drawable.pin_box); 96 | mPinView.setKeyboardMandatory(false); 97 | mPinView.setSplit("**"); 98 | mPinView.setColorTitles(Color.rgb(255, 0, 128)); 99 | mPinView.setColorTextPinBoxes(Color.rgb(200, 57, 222)); 100 | mPinView.setColorSplit(Color.rgb(0, 0, 0)); 101 | mPinView.setSizeSplit(getResources().getDimension(R.dimen.size_split)); 102 | mPinView.setTextSizePinBoxes(getResources().getDimension(R.dimen.size_pinboxes)); 103 | mPinView.setTextSizeTitles(getResources().getDimension(R.dimen.size_titles)); 104 | ``` 105 | 106 | We can use a Listener to notify us when we could do Login and the returned value. You will need to implement `OnCompleteListener` interface. 107 | ```java 108 | pinView.setOnCompleteListener(new PinView.OnCompleteListener() { 109 | @Override 110 | public void onComplete(boolean completed, final String pinResults) { 111 | //Do what you want 112 | if (completed) { 113 | doLogin(pinResults); 114 | } 115 | } 116 | }); 117 | ``` 118 | 119 | Or browse the [source code of the sample application][2] for a complete example of use. 120 | 121 | Contribution 122 | ============ 123 | 124 | #### Pull requests are welcome! 125 | 126 | I'd like to improve this library with your help! 127 | If you've fixed a bug or have a feature you've added, just create a pull request. Issues can be reported on the github issue tracker. 128 | 129 | Author 130 | ------- 131 | 132 | David Pizarro (dpizarro89@gmail.com) 133 | 134 | 135 | Follow me on Google+ 137 | 138 | 139 | Follow me on Twitter 141 | 142 | 143 | Follow me on LinkedIn 145 | 146 | 147 | 148 | License 149 | ------- 150 | 151 | Copyright 2015 David Pizarro 152 | 153 | Licensed under the Apache License, Version 2.0 (the "License"); 154 | you may not use this file except in compliance with the License. 155 | You may obtain a copy of the License at 156 | 157 | http://www.apache.org/licenses/LICENSE-2.0 158 | 159 | Unless required by applicable law or agreed to in writing, software 160 | distributed under the License is distributed on an "AS IS" BASIS, 161 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 162 | See the License for the specific language governing permissions and 163 | limitations under the License. 164 | --- 165 | 166 | [1]: https://play.google.com/store/apps/details?id=com.dpizarro.libraries.pinview 167 | [2]: https://github.com/DavidPizarro/PinView/tree/master/app 168 | [3]: https://github.com/DavidPizarro/PinView/blob/master/library/src/main/res/values/attrs.xml 169 | -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 23 5 | buildToolsVersion "23.0.0" 6 | 7 | defaultConfig { 8 | applicationId "com.dpizarro.libraries.pinview" 9 | minSdkVersion 14 10 | targetSdkVersion 23 11 | versionCode 1 12 | versionName "1.0" 13 | } 14 | 15 | signingConfigs { 16 | 17 | release { 18 | storeFile file(RELEASE_STORE_FILE) 19 | storePassword RELEASE_STORE_PASSWORD 20 | keyAlias RELEASE_KEY_LIBRARIES_ALIAS 21 | keyPassword RELEASE_KEY_LIBRARIES_PASSWORD 22 | } 23 | } 24 | 25 | buildTypes { 26 | release { 27 | signingConfig signingConfigs.release 28 | minifyEnabled false 29 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 30 | } 31 | } 32 | 33 | lintOptions { 34 | abortOnError false 35 | } 36 | 37 | } 38 | 39 | dependencies { 40 | compile fileTree(dir: 'libs', include: ['*.jar']) 41 | compile 'com.android.support:appcompat-v7:23.0.0' 42 | compile 'com.android.support:design:23.0.0' 43 | compile project(':library') 44 | } 45 | -------------------------------------------------------------------------------- /app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /Volumes/HDD400GB/davidpizarro/Applications/sdk/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 10 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /app/src/main/java/com/dpizarro/libraries/pinview/ConfigFragment.java: -------------------------------------------------------------------------------- 1 | package com.dpizarro.libraries.pinview; 2 | 3 | import com.dpizarro.pinview.library.PinView; 4 | 5 | import android.os.Bundle; 6 | import android.support.annotation.Nullable; 7 | import android.support.v4.app.Fragment; 8 | import android.view.LayoutInflater; 9 | import android.view.View; 10 | import android.view.ViewGroup; 11 | import android.widget.Button; 12 | import android.widget.CheckBox; 13 | import android.widget.CompoundButton; 14 | import android.widget.SeekBar; 15 | import android.widget.Toast; 16 | 17 | /** 18 | * User: David Pizarro de Jesús 19 | */ 20 | public class ConfigFragment extends Fragment { 21 | 22 | private PinView mPinView; 23 | private String[] titles; 24 | private String[] titlesAux; 25 | 26 | public static ConfigFragment newInstance() { 27 | return new ConfigFragment(); 28 | } 29 | 30 | public ConfigFragment() { 31 | } 32 | 33 | @Nullable 34 | @Override 35 | public View onCreateView(LayoutInflater inflater, ViewGroup container, 36 | Bundle savedInstanceState) { 37 | 38 | View view = inflater.inflate(R.layout.config_fragment, container, false); 39 | mPinView = (PinView) view.findViewById(R.id.pinView); 40 | setListeners(view); 41 | setInitTitles(); 42 | 43 | mPinView.setOnCompleteListener(new PinView.OnCompleteListener() { 44 | @Override 45 | public void onComplete(boolean completed, String pinResults) { 46 | Toast.makeText(getActivity(), "Completed: " + completed + "\nValue: " + pinResults, 47 | Toast.LENGTH_SHORT).show(); 48 | } 49 | }); 50 | 51 | return view; 52 | } 53 | 54 | private void setInitTitles() { 55 | titles = getResources().getStringArray(R.array.titles); 56 | titlesAux = new String[4]; 57 | System.arraycopy(titles, 0, titlesAux, 0, 4); 58 | } 59 | 60 | private void setListeners(View view) { 61 | 62 | CheckBox cbPassword = (CheckBox) view.findViewById(R.id.cbPassword); 63 | CheckBox cbDelete = (CheckBox) view.findViewById(R.id.cbDelete); 64 | CheckBox cbCustomBox = (CheckBox) view.findViewById(R.id.cbCustomBox); 65 | CheckBox cbKeyboard = (CheckBox) view.findViewById(R.id.cbKeyboard); 66 | 67 | cbPassword.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { 68 | @Override 69 | public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) { 70 | mPinView.setMaskPassword(isChecked); 71 | } 72 | }); 73 | 74 | cbDelete.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { 75 | @Override 76 | public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) { 77 | mPinView.setDeleteOnClick(isChecked); 78 | } 79 | }); 80 | 81 | cbCustomBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { 82 | @Override 83 | public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) { 84 | mPinView.setNativePinBox(!isChecked); 85 | if (isChecked) { 86 | mPinView.setCustomDrawablePinBox(R.drawable.pin_box); 87 | } 88 | } 89 | }); 90 | 91 | cbKeyboard.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { 92 | @Override 93 | public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) { 94 | mPinView.setKeyboardMandatory(isChecked); 95 | } 96 | }); 97 | 98 | Button btRandomValues = (Button) view.findViewById(R.id.btRandomValues); 99 | btRandomValues.setOnClickListener(new View.OnClickListener() { 100 | @Override 101 | public void onClick(View v) { 102 | 103 | /** 104 | * Option with setters 105 | */ 106 | 107 | //Random split 108 | mPinView.setSplit(Utils.getRandomSplit(getActivity())); 109 | 110 | //Random colors 111 | mPinView.setColorTitles(Utils.getRandomColor()); 112 | mPinView.setColorTextPinBoxes(Utils.getRandomColor()); 113 | mPinView.setColorSplit(Utils.getRandomColor()); 114 | 115 | //Random sizes 116 | mPinView.setSizeSplit(Utils.getRandomSize(getActivity())); 117 | mPinView.setTextSizePinBoxes(Utils.getRandomSize(getActivity())); 118 | mPinView.setTextSizeTitles(Utils.getRandomSize(getActivity())); 119 | 120 | } 121 | }); 122 | 123 | SeekBar seekBar = (SeekBar) view.findViewById(R.id.sbNumberBoxes); 124 | final int step = getResources().getInteger(R.integer.step); 125 | int max = getResources().getInteger(R.integer.max); 126 | final int min = getResources().getInteger(R.integer.min); 127 | seekBar.setMax((max - min) / step); 128 | seekBar.setProgress(2); 129 | seekBar.setOnSeekBarChangeListener( 130 | new SeekBar.OnSeekBarChangeListener() { 131 | @Override 132 | public void onStopTrackingTouch(SeekBar seekBar) { 133 | } 134 | 135 | @Override 136 | public void onStartTrackingTouch(SeekBar seekBar) { 137 | } 138 | 139 | @Override 140 | public void onProgressChanged(SeekBar seekBar, int progress, 141 | boolean fromUser) { 142 | if (fromUser) { 143 | int value = min + (progress * step); 144 | if (value != mPinView.getNumberPinBoxes()) { 145 | mPinView.setPin(value); 146 | 147 | titlesAux = new String[value]; 148 | System.arraycopy(titles, 0, titlesAux, 0, value); 149 | mPinView.setTitles(titlesAux); 150 | } 151 | } 152 | } 153 | } 154 | ); 155 | } 156 | } 157 | -------------------------------------------------------------------------------- /app/src/main/java/com/dpizarro/libraries/pinview/LoginFragment.java: -------------------------------------------------------------------------------- 1 | package com.dpizarro.libraries.pinview; 2 | 3 | import com.dpizarro.pinview.library.PinView; 4 | import com.dpizarro.pinview.library.PinViewSettings; 5 | 6 | import android.app.ProgressDialog; 7 | import android.os.Bundle; 8 | import android.os.Handler; 9 | import android.support.annotation.Nullable; 10 | import android.support.design.widget.Snackbar; 11 | import android.support.v4.app.Fragment; 12 | import android.view.LayoutInflater; 13 | import android.view.View; 14 | import android.view.ViewGroup; 15 | 16 | /** 17 | * User: David Pizarro de Jesús 18 | */ 19 | public class LoginFragment extends Fragment { 20 | 21 | private PinView pinView; 22 | private ProgressDialog dialog; 23 | private View snackView; 24 | 25 | public static LoginFragment newInstance() { 26 | return new LoginFragment(); 27 | } 28 | 29 | public LoginFragment() { 30 | } 31 | 32 | @Nullable 33 | @Override 34 | public View onCreateView(LayoutInflater inflater, ViewGroup container, 35 | Bundle savedInstanceState) { 36 | 37 | View view = inflater.inflate(R.layout.login_fragment, container, false); 38 | 39 | pinView = (PinView) view.findViewById(R.id.pinView); 40 | snackView = view.findViewById(R.id.snackbarPosition); 41 | 42 | String[] titles = getResources().getStringArray(R.array.titles); 43 | String[] titlesAux = new String[5]; 44 | System.arraycopy(titles, 0, titlesAux, 0, 5); 45 | 46 | /** 47 | * Option using an easy Builder 48 | */ 49 | PinViewSettings pinViewSettings = new PinViewSettings.Builder() 50 | .withPinTitles(titlesAux) 51 | .withMaskPassword(true) 52 | .withDeleteOnClick(true) 53 | .withKeyboardMandatory(false) 54 | .withSplit(null) 55 | .withNumberPinBoxes(5) 56 | .withNativePinBox(false) 57 | .build(); 58 | 59 | pinView.setSettings(pinViewSettings); 60 | 61 | pinView.setOnCompleteListener(new PinView.OnCompleteListener() { 62 | @Override 63 | public void onComplete(boolean completed, final String pinResults) { 64 | if (completed) { 65 | /** 66 | * Do what you want 67 | */ 68 | showProgressDialogLogin(); 69 | showSnackbar(pinResults); 70 | } 71 | } 72 | }); 73 | 74 | return view; 75 | } 76 | 77 | 78 | private void showProgressDialogLogin() { 79 | dialog = ProgressDialog.show(getActivity(), 80 | getResources().getString(R.string.login), 81 | getResources().getString(R.string.loading), true); 82 | } 83 | 84 | private void showSnackbar(final String pinResults) { 85 | final Handler handler = new Handler(); 86 | handler.postDelayed(new Runnable() { 87 | @Override 88 | public void run() { 89 | dialog.cancel(); 90 | Utils.hideKeyboard(getActivity()); 91 | 92 | Snackbar.make(snackView, getResources().getString(R.string.login_ok) + pinResults, 93 | Snackbar.LENGTH_INDEFINITE) 94 | .setAction(R.string.clear_pin, clickListener) 95 | .show(); 96 | } 97 | }, 2000); 98 | } 99 | 100 | private final View.OnClickListener clickListener = new View.OnClickListener() { 101 | public void onClick(View v) { 102 | pinView.clear(); 103 | } 104 | }; 105 | } 106 | -------------------------------------------------------------------------------- /app/src/main/java/com/dpizarro/libraries/pinview/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.dpizarro.libraries.pinview; 2 | 3 | import android.content.Intent; 4 | import android.net.Uri; 5 | import android.os.Bundle; 6 | import android.support.v4.app.Fragment; 7 | import android.support.v4.app.FragmentManager; 8 | import android.support.v4.app.FragmentPagerAdapter; 9 | import android.support.v4.app.FragmentTransaction; 10 | import android.support.v4.view.ViewPager; 11 | import android.support.v7.app.ActionBar; 12 | import android.support.v7.app.AppCompatActivity; 13 | import android.view.Menu; 14 | import android.view.MenuItem; 15 | 16 | import java.util.Locale; 17 | 18 | /** 19 | * User: David Pizarro de Jesús 20 | */ 21 | @SuppressWarnings("deprecation") 22 | public class MainActivity extends AppCompatActivity implements ActionBar.TabListener { 23 | 24 | SectionsPagerAdapter mSectionsPagerAdapter; 25 | ViewPager mViewPager; 26 | 27 | @Override 28 | protected void onCreate(Bundle savedInstanceState) { 29 | super.onCreate(savedInstanceState); 30 | setContentView(R.layout.main_activity); 31 | 32 | // Set up the action bar. 33 | final ActionBar actionBar = getSupportActionBar(); 34 | actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS); 35 | 36 | mSectionsPagerAdapter = new SectionsPagerAdapter(getSupportFragmentManager()); 37 | mViewPager = (ViewPager) findViewById(R.id.pager); 38 | mViewPager.setAdapter(mSectionsPagerAdapter); 39 | mViewPager.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() { 40 | @Override 41 | public void onPageSelected(int position) { 42 | actionBar.setSelectedNavigationItem(position); 43 | } 44 | }); 45 | 46 | for (int i = 0; i < mSectionsPagerAdapter.getCount(); i++) { 47 | actionBar.addTab( 48 | actionBar.newTab() 49 | .setText(mSectionsPagerAdapter.getPageTitle(i)) 50 | .setTabListener(this)); 51 | } 52 | } 53 | 54 | 55 | 56 | @Override 57 | public void onTabSelected(ActionBar.Tab tab, FragmentTransaction fragmentTransaction) { 58 | mViewPager.setCurrentItem(tab.getPosition()); 59 | } 60 | 61 | @Override 62 | public void onTabUnselected(ActionBar.Tab tab, FragmentTransaction fragmentTransaction) { 63 | } 64 | 65 | @Override 66 | public void onTabReselected(ActionBar.Tab tab, FragmentTransaction fragmentTransaction) { 67 | } 68 | 69 | public class SectionsPagerAdapter extends FragmentPagerAdapter { 70 | 71 | public SectionsPagerAdapter(FragmentManager fm) { 72 | super(fm); 73 | } 74 | 75 | @Override 76 | public Fragment getItem(int position) { 77 | switch (position) { 78 | case 0: 79 | return LoginFragment.newInstance(); 80 | case 1: 81 | return ConfigFragment.newInstance(); 82 | } 83 | return null; 84 | } 85 | 86 | @Override 87 | public int getCount() { 88 | return 2; 89 | } 90 | 91 | @Override 92 | public CharSequence getPageTitle(int position) { 93 | Locale l = Locale.getDefault(); 94 | switch (position) { 95 | case 0: 96 | return getString(R.string.login_example).toUpperCase(l); 97 | case 1: 98 | return getString(R.string.custom_example).toUpperCase(l); 99 | } 100 | return null; 101 | } 102 | } 103 | 104 | @Override 105 | protected void onStop() { 106 | super.onStop(); 107 | Utils.hideKeyboard(this); 108 | } 109 | 110 | @Override 111 | public boolean onCreateOptionsMenu(Menu menu) { 112 | getMenuInflater().inflate(R.menu.main, menu); 113 | return super.onCreateOptionsMenu(menu); 114 | } 115 | 116 | @Override 117 | public boolean onOptionsItemSelected(MenuItem item) { 118 | switch (item.getItemId()) { 119 | case R.id.github: 120 | Intent intent = new Intent(Intent.ACTION_VIEW); 121 | intent.setData(Uri.parse("https://github.com/DavidPizarro/PinView")); 122 | startActivity(intent); 123 | return true; 124 | default: 125 | return super.onOptionsItemSelected(item); 126 | } 127 | } 128 | } 129 | -------------------------------------------------------------------------------- /app/src/main/java/com/dpizarro/libraries/pinview/Utils.java: -------------------------------------------------------------------------------- 1 | package com.dpizarro.libraries.pinview; 2 | 3 | import android.app.Activity; 4 | import android.content.Context; 5 | import android.graphics.Color; 6 | import android.os.IBinder; 7 | import android.util.Log; 8 | import android.view.View; 9 | import android.view.inputmethod.InputMethodManager; 10 | 11 | import java.util.ArrayList; 12 | import java.util.Arrays; 13 | import java.util.List; 14 | import java.util.Random; 15 | 16 | /** 17 | * User: David Pizarro de Jesús 18 | */ 19 | class Utils { 20 | 21 | private static final String LOG_TAG = Utils.class.getSimpleName(); 22 | 23 | public static float getRandomSize(Context context) { 24 | List options = new ArrayList<>(); 25 | options.add(context.getResources().getDimension(R.dimen.size_custom_random_1)); 26 | options.add(context.getResources().getDimension(R.dimen.size_custom_random_2)); 27 | options.add(context.getResources().getDimension(R.dimen.size_custom_random_3)); 28 | options.add(context.getResources().getDimension(R.dimen.size_custom_random_4)); 29 | options.add(context.getResources().getDimension(R.dimen.size_custom_random_5)); 30 | 31 | Random random = new Random(); 32 | int index = random.nextInt(options.size()); 33 | return options.get(index); 34 | } 35 | 36 | public static String getRandomSplit(Context context) { 37 | 38 | List options = Arrays.asList(context.getResources().getStringArray(R.array.random_splits)); 39 | Random random = new Random(); 40 | int index = random.nextInt(options.size()); 41 | return options.get(index); 42 | } 43 | 44 | public static int getRandomColor() { 45 | // generate the random integers for r, g and b value 46 | Random rand = new Random(); 47 | int r = rand.nextInt(255); 48 | int g = rand.nextInt(255); 49 | int b = rand.nextInt(255); 50 | return Color.rgb(r, g, b); 51 | } 52 | 53 | public static void hideKeyboard(Context context) { 54 | try { 55 | InputMethodManager imm = (InputMethodManager) context.getSystemService(Context.INPUT_METHOD_SERVICE); 56 | View currentFocus = ((Activity) context).getCurrentFocus(); 57 | if (imm != null && currentFocus != null) { 58 | IBinder windowToken = currentFocus.getWindowToken(); 59 | if (windowToken != null) { 60 | imm.hideSoftInputFromWindow(windowToken, 0); 61 | } 62 | } 63 | } catch (Exception e) { 64 | Log.e(LOG_TAG, "Can't even hide keyboard " + e.getMessage()); 65 | } 66 | } 67 | } 68 | -------------------------------------------------------------------------------- /app/src/main/res/drawable-hdpi/ic_github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DavidPizarro/PinView/b171a89694921475b5442585810b8475ef1cfe35/app/src/main/res/drawable-hdpi/ic_github.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-mdpi/ic_github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DavidPizarro/PinView/b171a89694921475b5442585810b8475ef1cfe35/app/src/main/res/drawable-mdpi/ic_github.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xhdpi/ic_github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DavidPizarro/PinView/b171a89694921475b5442585810b8475ef1cfe35/app/src/main/res/drawable-xhdpi/ic_github.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xxhdpi/ic_github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DavidPizarro/PinView/b171a89694921475b5442585810b8475ef1cfe35/app/src/main/res/drawable-xxhdpi/ic_github.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xxhdpi/lock.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DavidPizarro/PinView/b171a89694921475b5442585810b8475ef1cfe35/app/src/main/res/drawable-xxhdpi/lock.png -------------------------------------------------------------------------------- /app/src/main/res/drawable/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DavidPizarro/PinView/b171a89694921475b5442585810b8475ef1cfe35/app/src/main/res/drawable/background.png -------------------------------------------------------------------------------- /app/src/main/res/layout/config_fragment.xml: -------------------------------------------------------------------------------- 1 | 8 | 9 | 17 | 18 | 32 | 33 | 37 | 38 | 41 | 42 | 50 | 51 | 61 | 62 | 63 | 64 | 67 | 68 | 74 | 75 | 82 | 83 | 84 | 85 | 86 | 87 | 93 | 94 | 100 | 101 | 106 | 107 | 114 | 115 | 116 | 117 |