在使用EditText的时候,发现想要添加一个清除文本的按钮还是听麻烦的,于是诞生出想自定一个控件来实现这样的效果。
好了,先来看看实现的效果吧。
通过效果图,我们可以看到我们的自定义EditText实现了以下的公呢个:
* 当有内容输入的时候,右边会出现一个红色的删除图片。点击图片就会清除文本的内容;
* 当文本框中没有内容的时候,右边的xx会消失;
* 当我们输入不合法的数据时,文本框会震动会提示输入错误。
* 当输入合法的数据时,文本空不会有提示。
基本上实现的功能就这些了把。下面先讲讲怎么使用。
1. 直接添加依赖
因为我将这个控件已经打包放到Bintray上了,所以可以通过添加依赖的方式添加到自己的项目中。具体操作如下:
1. 在项目的==build.gradle==添加依赖
maven { url 'https://hut.bintray.com/Maven' }
- 在要使用的module的build.gradle上添加依赖:
compile 'reoger.hut.com.mylibrary:mylibrary:1.0.1'
然后就可以在项目中进行引用了。
因为是自定义的控件,所以是放在xml文件中进行引用。示例如下:
<reoger.hut.com.mylibrary.CheckEditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:drawableRight="@drawable/x"
app:errorMsg="请输入数字"
app:openShake="true"
app:matchType="@string/checkPhoneNumber"/>
如果你的xml文件中没有定义app的话,需要在根部局添加如下的代码,以便导入我的自定义属性:
xmlns:app="http://schemas.android.com/apk/res-auto"
下面对上面自定义的属性进行说明:
- matchType 属性定义的是匹配的规则(正则表达式),我找了三个比较常用的匹配规则,包括检验是否为手机号码、电子邮箱和RUL地址,如果这个属性不定义的话,下面两个属性都将没有作用
- errorMsg 属性定义的是当输入错误时,提示的错误信息。
- openShake 属性是当输入信息不合法时,是否震荡提示,true表示开启震荡提示
- drawableRight 属性定义的是右边图片的样式。
最后在使用的时候,提供CheckEditText.dataLegality 这个变量来表示数据是否合法。为true时表示合法,false表示不合法。
2.下载library包,添加依赖
首先贴上我的github地址,下载myLibrary包,导入到项目中,就可以直接使用了。使用方法同方法1.
3. 直接贴代码:
简单起见,我直接贴上主要的代码了,代码中有部分注释,相信理解起来很简单:
package reoger.hut.com.mylibrary;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.drawable.Drawable;
import android.text.Editable;
import android.text.TextUtils;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.CycleInterpolator;
import android.view.animation.TranslateAnimation;
import android.widget.EditText;
import java.util.regex.Matcher;
import java.util.regex.Pattern;
/**
* Created by 24540 on 2017/3/8.
*
*/
public class <