jacktuotuo / verificationcodeview Goto Github PK

View Code? Open in Web Editor NEW

384.0 4.0 79.0 2.66 MB

正方形验证码输入框

Java 100.00%

verificationcodeview's Introduction

更多：我的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.5'

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

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

version-1.0.3

支持密码模式

version-1.0.4

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

version 1.0.5

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

License

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.

verificationcodeview's People

Contributors

Stargazers

Watchers

Forkers

oumingjiang isylar zhuwenbin97 nocky qiergg zhang-pc jiaxinggoo hwx95 zktzktzkt microero gx506578835 ysn85 professionalme wanli1989 dreamclimb lzngit holdgan weicharlie zhoufeng1213 lijizhi mrdeclancoder lixiang0418 jiiiiiin nytczhongli lldfx1314 mrx-andy aoshiwenrou kkkxxxkkkxxx slimvan huguge kaiwang007 willsame yiflylian huanglei365 wulixingxing shaobuliao xtagwgj audioonly suninus vincenlee demidong xunyao koala0x china77 andy-qiao hanqingzhen gitmrhu yangtiankundream cocowobo maxing19920124 scrystally wmliang2003 kqwert dailiqing panpanwangpanpan tchigher kuang2010 lovelyefyyucui jplayer-top baker915 dukefranders lannaican chaojian leesir927 vincentzx chrisbosh2020 hui132111 vinciii wweisong ssdlhr1994 ghostbullets peekaboo- wosika jack668000 liu402883451 jhforestever kuaxin yunyouboy 22106331

verificationcodeview's Issues

可以加一个监听器，监听输入的数字个数到达设置的个数

怎么屏蔽复制粘贴呢

怎么才能将光标显示出来和更改光标颜色

复制粘贴后会都显示在第一个输入框中

inputComplete方法会走两次1.0.5版本

请问怎么自动获得数字输入框？

EditText et1=verCode.getEditText();
et1.setFocusable(true);
et1.setFocusableInTouchMode(true);
et1.requestFocus();
InputMethodManager inputManager =
(InputMethodManager)et1.getContext().getSystemService(Context.INPUT_METHOD_SERVICE);
inputManager.showSoftInput(et1, 0);
用这种方法不会生效，请问应该怎么做？

有空切换下maven仓库吗

Jcenter已经停运了，作者有空换下源吗

inputComplete 的回调会走2次

删除键监听没有效果

在输入到一半的时候，点击系统软键盘的删除按钮，没有任何反应，日志打印结果发现
// 监听删除按键
et.setOnKeyListener(new OnKeyListener() {
@OverRide
public boolean onKey(View v, int keyCode, KeyEvent event) {
Log.i("ceshi","onKey1") ;
if (keyCode == KeyEvent.KEYCODE_DEL && event.getAction() == KeyEvent.ACTION_DOWN) {
onKeyDelete();
Log.i("ceshi","onKey2") ;
return true;
}
return false;
}
});
并没有经过这个回调，这是什么原因呢？

有些机型两个手指输入会出现输入不足的情况

小米。华为、
两个手指输入，1-6
输入框里只有四位

README上的版本号该改了

为什么无法自动弹出输入框？

android:focusable="true"
android:focusableInTouchMode="true"
设置以上属性也无法自动弹出输入框，需要手动点一下才能弹出

清空输入内容会出现输入框背景乱

点击虚拟键盘的删除键，控件中的数字被删除了两个

点击删除时，VerificationCodeView.class中的BackSpaceListener和OnKeyListener的监听都执行了。（测试机：魅蓝6）

onlayout方法还是有问题

输入框没有办法等分填充满整个布局，还是onlayout方法里写得有问题。

控件非常好，感谢！

向你学习

输入内容类型限制只有数字

输入内容类型限制只有数字，但很多场景都是数字字母混合的，希望更改一下

textSize单位问题

在VerificationCodeView 77行获取TextSize时mEtTextSize = typedArray.getDimensionPixelSize(R.styleable.VerificationCodeView_icv_et_text_size, 16);获取到的size是以px为单位的，但是在136行textView.setTextSize(etTextSize);时，使用的依旧是同样的数字，这里TextView会把这个size当成是sp为单位进行设置，导致在xml文件中设置的sp为单位的字体被放大。

如果是有问题的话，应该有两个解决办法：
1.在获取到mEtTextSize后将其转换为sp 。
2.textView.setTextSize时使用textView.setTextSize(TypedValue.COMPLEX_UNIT_PX,mEtTextSize);
两者使用其一应该就可以解决

个人观点😄

add English version for readme

如何将该控件作为密码输入框使用？

// 给TextView 设置文字
private void setText(String inputContent) {
    for (int i = 0; i < mTextViews.length; i++) {
        TextView tv = mTextViews[i];
        if (tv.getText().toString().trim().equals("")) {
            tv.setText(inputContent);
            tv.setTransformationMethod(PasswordTransformationMethod.getInstance()); // 改变TextView属性为展示密文的属性
            // 添加输入完成的监听
            if (inputCompleteListener != null) {
                inputCompleteListener.inputComplete();
            }
            tv.setBackgroundDrawable(mEtBackgroundDrawableNormal);
            if (i < mEtNumber - 1) {
                mTextViews[i + 1].setBackgroundDrawable(mEtBackgroundDrawableFocus);
            }
            break;
        }
    }
}`

请问一下如何能主动获取焦点弹出输入框

et = (EditText) this.findViewById(R.id.et);
et.requestFocus();

我在et后面加上这句代码也获取不了焦点，必须用户手动点击才可以弹出输入框。
请问一下如何能主动获取它的焦点弹出输入框呢？

clearInputContent()与焦点背景问题

 private void setText(String inputContent) {

        for (int i = 0; i < mPwdTextViews.length; i++) {
            PwdTextView tv = mPwdTextViews[i];
            if (tv.getText().toString().trim().equals("")) {
                if (mEtPwd) {
                    tv.drawPwd(mEtPwdRadius);
                }
                tv.setText(inputContent);
                // 添加输入完成的监听
                if (inputCompleteListener != null) {
                     //step  one
                    inputCompleteListener.inputComplete();
                }
                tv.setBackgroundDrawable(mEtBackgroundDrawableNormal);
                if (i < mEtNumber - 1) {
                  //step  two
                    mPwdTextViews[i + 1].setBackgroundDrawable(mEtBackgroundDrawableFocus);
                }
                break;
            }
        }
    }

如果在step one的inputComplete()方法中调用了clearInputContent();那么step two为什么还要继续设置后续的焦点背景?是不是要调换下顺序?我在使用中遇到这个问题了.

<com.tuo.customview.VerificationCodeView
        android:id="@+id/et_collection"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"
        android:text="3201001010004000"
        app:icv_et_number="16"
        tools:ignore="HardcodedText"/>

jacktuotuo / verificationcodeview Goto Github PK

verificationcodeview's Introduction

示例:

特性

自定义属性

可使用方法

原理说明

使用方法

1 Gradle引用

2 xml中使用

3 java代码中使用

Update Log

version 1.0.1

version 1.0.2

version 1.0.3

version 1.0.4

version 1.0.5

TODO

version-1.0.1

version-1.0.2

version-1.0.3

version-1.0.4

version 1.0.5

License

verificationcodeview's People

Contributors

Stargazers

Watchers

Forkers

verificationcodeview's Issues

Recommend Projects

Recommend Topics

Recommend Org