0 Star 1 Fork 0

郝杰/VerificationCodeView

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
Apache-2.0

更多我的CSDN博客

联系: QQ 839539179 WEIXIN tuojie003    

VerificationCodeView —正方形验证码输入框


示例:

动图演示 动图演示

apk演示:点击下载


特性

自定义属性

name 说明 format 默认值
icv_et_number 输入框的数量 integer 1
icv_et_width 输入框的宽度 dimension 42dp
icv_et_divider_drawable 输入框之间的间隔 reference
icv_et_text_color 输入框文字颜色 color Color.WHITE
icv_et_text_size 输入框文字大小 dimension 16sp
icv_et_bg_focus 输入框获取焦点时边框 reference
icv_et_bg_normal 输入框没有焦点时边框 reference
icv_et_pwd 是否是密码模式 boolean false
icv_et_pwd_radius 密码模式时圆的半径 dimension reference

可使用方法

method_name description return_type
getInputContent 获取输入内容 String
clearInputContent 清空输入内容 Void
setEtNumber(int etNumber) 设置输入框个数 Void
getEtNumber 获取输入框个数 int
getEditText 获取EditText提供给外界设置键盘弹出 EditText
setPwdMode 动态设置是否是密码模式 void
setInputCompleteListener(InputCompleteListener listener) 设置输入和删除时的监听 Void

原理说明

该项目是一个继承于RelativeLayout的组合控件型的自定义View,在布局中文件中使用了一个透明的EditText来接受用户的输入事件, 在布局文件的LinearLayout中动态添加正方形输入框,正方形输入框其实是一个个的TextView。


使用方法

1 Gradle引用

implementation 'com.jacktuotuo.customview:verificationcodeview:1.0.4'

2 xml中使用

  • 简单配置
<com.tuo.customview.VerificationCodeView
        android:id="@+id/icv_1"
        app:icv_et_number="5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
  • 个性化配置
<com.tuo.customview.VerificationCodeView
        android:id="@+id/icv"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_centerHorizontal="true"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="26dp"
        app:icv_et_bg_focus="@drawable/shape_icv_et_bg_focus"
        app:icv_et_bg_normal="@drawable/shape_icv_et_bg_normal"
        app:icv_et_divider_drawable="@drawable/shape_divider_identifying"
        app:icv_et_number="6"
        app:icv_et_pwd="true"
        app:icv_et_pwd_radius="10dp"
        app:icv_et_text_color="#000000"
        app:icv_et_width="50dp" />

3 java代码中使用

VerificationCodeView codeView = new VerificationCodeView(context);
codeView.setEtNumber(number);
codeVidw.setPwdMode(true/false)

Update Log

version 1.0.1

  • 支持Java代码中动态设置输入框个数
  • 支持xml中只配置宽高,输入框个数默认为1

version 1.0.2

  • 修复设置字体大小的bug

version 1.0.3

  • 支持密码模式

version 1.0.4

  • 解决个别系统使用自动复制粘贴验证码时出现的bug
  • 解决Google和华为键盘删除键无效的bug

version 1.0.5

  • 解决一次删除两个数字的bug,模拟器使用时,请使用Backspace代替回退键

TODO

version-1.0.1

  • 支持在Java中动态设置输入框个数

version-1.0.2

  • 修改字体大小Bug

version-1.0.3

  • 支持密码模式

version-1.0.4

  • 解决个别系统使用自动复制粘贴验证码时出现的bug
  • 解决Google和华为键盘删除键无效的bug

version 1.0.5

  • 解决一次删除两个数字的bug

License

Copyright 2017 JackTuoTuo

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS,WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either expressor implied.See the License for the specific language governing permissions and limitations under the License.

**更多**:[我的CSDN博客](http://blog.csdn.net/qq_33553515/article/details/73344155) **联系**: QQ 839539179 WEIXIN tuojie003     VerificationCodeView —正方形验证码输入框 --------- ### 示例: ![动图演示](https://github.com/JackTuoTuo/VerificationCodeView/blob/master/GIF.gif) ![动图演示](https://github.com/JackTuoTuo/VerificationCodeView/blob/master/GIF2.gif) apk演示:[点击下载](https://github.com/JackTuoTuo/VerificationCodeView/blob/master/app-release.apk?raw=true) -------- ### 特性 #### 自定义属性 |name|说明|format|默认值| |:--|:--|:--|:--:| |icv_et_number|输入框的数量|integer|```1```| |icv_et_width|输入框的宽度|dimension|```42dp```| |icv_et_divider_drawable|输入框之间的间隔|reference|``` ```| |icv_et_text_color|输入框文字颜色|color|```Color.WHITE```| |icv_et_text_size|输入框文字大小|dimension|```16sp```| |icv_et_bg_focus|输入框获取焦点时边框|reference|``` ```| |icv_et_bg_normal|输入框没有焦点时边框|reference|``` ```| |icv_et_pwd|是否是密码模式|boolean|```false```| |icv_et_pwd_radius|密码模式时圆的半径|dimension|reference|```默认半径为四分之一的输入框宽度```| #### 可使用方法 |method_name|description|return_type| |:--|:--|:--| |getInputContent|获取输入内容|String| |clearInputContent|清空输入内容|Void| |setEtNumber(int etNumber)|设置输入框个数|Void| |getEtNumber|获取输入框个数|int| |getEditText|获取EditText提供给外界设置键盘弹出|EditText| |setPwdMode|动态设置是否是密码模式|void| |setInputCompleteListener(InputCompleteListener listener) |设置输入和删除时的监听|Void| -------- ### 原理说明 该项目是一个继承于RelativeLayout的组合控件型的自定义View,在布局中文件中使用了一个透明的EditText来接受用户的输入事件, 在布局文件的LinearLayout中动态添加正方形输入框,正方形输入框其实是一个个的TextView。 -------- ### 使用方法 #### 1 Gradle引用 ``` xml implementation 'com.jacktuotuo.customview:verificationcodeview:1.0.4' ``` #### 2 xml中使用 - 简单配置 ``` xml <com.tuo.customview.VerificationCodeView android:id="@+id/icv_1" app:icv_et_number="5" android:layout_width="wrap_content" android:layout_height="wrap_content" /> ``` - 个性化配置 ``` xml <com.tuo.customview.VerificationCodeView android:id="@+id/icv" android:layout_width="match_parent" android:layout_height="50dp" android:layout_centerHorizontal="true" android:layout_marginLeft="10dp" android:layout_marginRight="10dp" android:layout_marginTop="26dp" app:icv_et_bg_focus="@drawable/shape_icv_et_bg_focus" app:icv_et_bg_normal="@drawable/shape_icv_et_bg_normal" app:icv_et_divider_drawable="@drawable/shape_divider_identifying" app:icv_et_number="6" app:icv_et_pwd="true" app:icv_et_pwd_radius="10dp" app:icv_et_text_color="#000000" app:icv_et_width="50dp" /> ``` #### 3 java代码中使用 ``` xml VerificationCodeView codeView = new VerificationCodeView(context); codeView.setEtNumber(number); codeVidw.setPwdMode(true/false) ``` -------- ### Update Log #### version 1.0.1 - 支持Java代码中动态设置输入框个数 - 支持xml中只配置宽高,输入框个数默认为1 #### version 1.0.2 - 修复设置字体大小的bug #### version 1.0.3 - 支持密码模式 #### version 1.0.4 - 解决个别系统使用自动复制粘贴验证码时出现的bug - 解决Google和华为键盘删除键无效的bug #### version 1.0.5 - 解决一次删除两个数字的bug,模拟器使用时,请使用Backspace代替回退键 --------- ### TODO #### version-1.0.1 - 支持在Java中动态设置输入框个数 #### version-1.0.2 - 修改字体大小Bug #### version-1.0.3 - 支持密码模式 #### version-1.0.4 - 解决个别系统使用自动复制粘贴验证码时出现的bug - 解决Google和华为键盘删除键无效的bug #### version 1.0.5 - 解决一次删除两个数字的bug --------- ### License Copyright 2017 JackTuoTuo Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS,WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either expressor implied.See the License for the specific language governing permissions and limitations under the License.

简介

验证码数字输入框 Android8.0 展开 收起
Android
Apache-2.0
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
Android
1
https://gitee.com/haojie_xuexi/VerificationCodeView.git
git@gitee.com:haojie_xuexi/VerificationCodeView.git
haojie_xuexi
VerificationCodeView
VerificationCodeView
master

搜索帮助

344bd9b3 5694891 D2dac590 5694891