EditText内容格式化控件 XEditText 和 输入内容过滤器
来源:互联网 发布:jdbc连接数据库5个步骤 编辑:程序博客网 时间:2024/06/05 18:54
在我们开发当中,输入框控件是很常见的,最常见的就是注册、登陆、密码设置与修改;另外就是身份证号和银行卡号的录入等。在录入这些信息的时候,如果我们直接使用系统的EditText进行编程,虽然能够实现,但是很有可能会被产品和UI干掉,因为在看起来的时候确实很费力而且还容易看错,所以我们就需要自定义一个控件来实现这个效果,当然最好是能够自定义模板,想什么格式就什么格式,XEditText就实现的这个功能。另外就是对输入框内容进行校验这个过程,大部分时候我们是在提交的时候进行统一的校验,这是一个比较简单和常见的做法,但是有时候产品需要我们在输入的过程中就对输入的内容和输入框的内容进行校验并且还要显示对应的Toast提示用户,当然我们可以给EditText设置监听来实现,但是给每一个EditText都设置监听太麻烦,尤其是在需要多个校验一起时(比如输入的内容和长度都需要校验)代码就显得更加的臃肿,所以在这篇博客当中我提供了一个工具类,用来解决这个问题。
首先,来看几张效果图:
效果图如上,具体的代码我就不贴出来了,在这里只把一些使用的方法贴出来,代码可以点击CSDN下载、GitHub连接 进行下载运行就是以上效果图的实现(代码注释比较详细)。
--------------------------------------------------- 分割线 -----------------------------------------------------
自定义XEditText控件属性预览:
<declare-styleable name="XEditText"> <!--使用已经定义好的模板,如果既设置了原来的模板,又设置了自动以模板,以自定模板为主--> <attr name="my_templet" format="enum"> <enum name="phone" value="1" /> <enum name="bank_card" value="2" /> <enum name="id_card" value="3" /> </attr> <!--定义最大长度,如果定义了模板,就不需要定义最大的长度了--> <attr name="maxLength" format="integer" /> <!--定义分隔符,注意:分隔符的最大长度为1, 如果为null,使用默认分隔符 ' ',如果长度超过1,那么取第一个位置的字符作为分割符。 注意:设置EditText的输入类型的时候(设置 inputType 或 digits 属性)需要能输入分割符, 否则分割符不能输入到EditText中,那么不会对内容进行分割--> <attr name="splitChar" format="string" /> <!-- 定义模板,格式固定(否则无效):"第一部分长度(正整数),第二部分长度(正整数),...,第n部分长度(正整数),..."。 比如:"3,4,4" 那么EditText显示的为 三个字符 + 分隔符 + 四个字符 + 分割符 + 四个字符--> <attr name="custom_templet" format="string" /> <!--指定右边清除图片--> <attr name="del_icon" format="reference" /> <!--右边图片显示的时间--> <attr name="del_show_time" format="enum"> <!--总是显示右边删除图片(一直显示)--> <enum name="always_show" value="0" /> <!--总是隐藏右边图片(不显示)--> <enum name="always_hide" value="1" /> <!--有内容时显示(不管是否有焦点)--> <enum name="has_content_show" value="2" /> <!--有内容并且有焦点时显示--> <enum name="has_content_focus_show" value="3" /> </attr></declare-styleable>
XEditText控件 使用
在xml文件中定义控件:
<com.renj.xedittext.edittext.XEditText android:id="@+id/xedit_text3" style="@style/style_xedittext" android:hint="分隔符+,模板1,2,3,4,一直显示清除图片按钮" renj:custom_templet="1,2,3,4" renj:del_show_time="always_show" renj:splitChar="+" />
在Java代码中使用:
// 在Activity中找到控件:xEditText1 = (XEditText) findViewById(R.id.xedit_text1);// 1.代码设置为手机号码格式,使用预定义模板形式xEditText1.setSplitChar(' ');//xEditText2.setSplitChar(' ');//不设置分割符,使用默认分隔符xEditText1.setMyTemplet(XEditText.MyTemplet.PHONE);// 2.代码设置为身份证号码格式,使用模板的形式设置xEditText1.setTemplet(new int[]{4, 4, 4, 4, 2});// 3.直接将银行卡号设置到输入框1,指定模板xEditText1.setToTextEdit("1234567890123456789", new int[]{4, 4, 4, 4, 3}, ' ');// 4.获取最后一个输入框去除分隔符之后的值String splitCharText = xEditText1.getNoSplitCharText();
2.直接在layout.xml文件中指定模板和分隔符
<com.renj.xedittext.edittext.XEditText android:id="@+id/xedit_text4" style="@style/style_xedittext" android:hint="使用预定义的手机号模板,改变分隔符为-" renj:my_templet="phone" renj:splitChar="-" /><com.renj.xedittext.edittext.XEditText android:id="@+id/xedit_text3" style="@style/style_xedittext" android:hint="分隔符+,模板1,2,3,4,一直显示清除图片按钮" renj:custom_templet="1,2,3,4" renj:del_show_time="always_show" renj:splitChar="+" />
EditText控件过滤器使用
在xml文件中定义普通的EditText控件:
<EditText android:id="@+id/edittext1" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="12dp" android:hint="填写身份证号码,输入数字和Xx" android:digits="1234567890Xx" android:maxLines="1" android:textColor="#333666" android:textColorHint="#bbbbbb" android:textSize="14sp" />在Java代码中使用:
// 找到控件edittext1 = (EditText) findViewById(R.id.edittext1);// 过滤身份证号码edittext1.setKeyListener(DigitsKeyListener.getInstance(digists));// 使用过滤器new EditTextFilter.Builder() .maxLength(18, "已经达到最大长度") .putReg("[0123456789xX]", "请输入正确的字符") .build() .startFilter(edittext); // 过滤EditText,必须是中文,最大长度为4new EditTextFilter.Builder() .maxLength(4, "已经达到最大长度") .putReg("[\\u4e00-\\u9fa5]+", "只能输入中文") .build() .startFilter(edittext); // 使用过滤器设置最大长度,提示信息new EditTextFilter.Builder() .maxLength(13, "超过大陆手机号码的长度") .build() .startFilter(xedittext);
XEditText和过滤器联合使用
在layout.xml文件中定义:
<com.renj.xedittext.edittext.XEditText android:id="@+id/xedittext" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="8dp" android:hint="使用XEditText控件,输入手机号码并且过滤" android:inputType="phone" android:maxLines="1" android:textColor="#333666" android:textColorHint="#bbbbbb" android:textSize="14sp" />在Java文件中的代码:
// 找到控件xedittext = (XEditText) findViewById(R.id.xedittext);// 使用过滤器// 过滤EditText,使用XEditText控件,手机号码格式,注意现在设置最大长度时必须加上分隔符的个数xedittext.setMyTemplet(XEditText.MyTemplet.PHONE); // 设置模板// 使用过滤器new EditTextFilter.Builder() .maxLength(13, "超过大陆手机号码的长度") .build() .startFilter(xedittext);
具体代码可以在 CSDN下载、GitHub连接 进行下载。
- EditText内容格式化控件 XEditText 和 输入内容过滤器
- android EditText控件如何禁止输入内容
- android EditText控件如何禁止输入内容
- android EditText控件如何禁止输入内容
- android EditText控件如何禁止输入内容
- EditText控件如何禁止输入内容
- EditText 输入内容控制
- EditText内容输入
- EditText 输入内容监听
- android EditText控件如何禁止往里面输入内容?
- 『ANDROID』android EditText控件如何禁止输入内容
- 限制EditText的输入内容
- EditText 文本内容输入限制
- 限定 edittext 的 输入内容
- EditText如何限制输入内容
- EditText实现分割输入内容
- android EditText 对输入字数和内容范围进行限制
- Android EditText 对输入字数和内容范围进行限制
- 【数据结构】1.概论
- 面向对象六大设计原则(三)里式替换原则
- 【数据结构】2.线性表
- 双指针常见用法2
- 【数据结构】3.栈与队列
- EditText内容格式化控件 XEditText 和 输入内容过滤器
- 01背包问题
- 二叉树的非递归遍历
- 图像分割—基于图的图像分割(Graph-BasedImageSegmentation)
- html label-标签
- 仿照DatePickerFragment实现的TimePickerFragment
- LeetCode 144: Binary Tree Preorder Traversal 解题与思考
- Qt的传统安装方法
- 【数据结构】4.串