今天学习了自定义控件，然后自己做了一个用户登录小控件EditText，就是在Android系统的输入框右边加入一个小图标，点击小图标可以清除输入框里面的内容，但是Android原生EditText不具备此功能，所以要想实现这一功能我们需要重写EditText。
先说明一下，我是用Android studio写的，代码已经共享到我的github上了，有需要的可以去下载。
我们可以为我们的输入框在上下左右设置图片，所以我们可以利用属性android:drawableRight设置我们的删除小图标，如图
这里设置了左边和右边的图片，如果我们能为右边的图片设置监听，点击右边的图片清除输入框的内容并隐藏删除图标，这样子这个小功能就迎刃而解了，可是 Android并没有给允许我们给右边小图标加监听的功能，这时候你是不是发现这条路走不通呢，其实不是，我们可能模拟点击事件，用输入框的的 onTouchEvent()方法来模拟，
当我们触摸抬起（就是ACTION_UP的时候）的范围& 水平方向大于输入框左侧到清除图标左侧的距离，小与输入框左侧到清除图片右侧的距离，在竖直方向大于输入框上顶部到清除图标上侧的距离，小于输入框下底部到清除图标的距离，我们则认为是点击清除图片，只要给清除小图标就上了监听，同时也给输入框设置了晃动效果，当没有输入账户时，点击登录，就会实现输入框的晃动。下面贴一下代码。（代码中有很详细的注释）
package com.tony.
import android.content.C
import android.graphics.R
import android.graphics.drawable.D
import android.text.E
import android.text.TextW
import android.util.AttributeS
import android.view.MotionE
import android.view.V
import android.view.animation.A
import android.view.animation.CycleI
import android.view.animation.TranslateA
import android.widget.EditT
import java.util.jar.A
* Created by Cheng Bao on .
public class ClearEditText extends EditText implements View.OnFocusChangeListener,TextWatcher {
* 删除按钮的引用
private Drawable mClearD
* 控件是否有焦点
private boolean hasF
public ClearEditText(Context context) {
this(context,null);
super(context);
this.context =
public ClearEditText(Context context,AttributeSet attrs){
//这里构造方法也很重要，不加这个很多属性不能再XML里面定义
this(context, attrs, android.R.attr.editTextStyle);
public ClearEditText(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
private void init() {
//获取EditText的DrawableRight,假如没有设置我们就使用默认的图片
mClearDrawable = getCompoundDrawables()[2];
if (mClearDrawable == null) {
mClearDrawable = getResources().getDrawable(R.drawable.delete_selector);
mClearDrawable.setBounds(0, 0, mClearDrawable.getIntrinsicWidth(), mClearDrawable.getIntrinsicHeight());
//默认设置隐藏图标
setClearIconVisible(false);
//设置焦点改变的监听
setOnFocusChangeListener(this);
//设置输入框里面内容发生改变的监听
addTextChangedListener(this);
public boolean onTouchEvent(MotionEvent event) {
if (mClearDrawable != null && event.getAction() == MotionEvent.ACTION_UP) {
int x = (int) event.getX();
//判断触摸点是否在水平范围内
boolean isInnerWidth = (x & (getWidth() - getTotalPaddingRight())) &&
(x & (getWidth() - getPaddingRight()));
//获取删除图标的边界，返回一个Rect对象
Rect rect = mClearDrawable.getBounds();
//获取删除图标的高度
int height = rect.height();
int y = (int) event.getY();
//计算图标底部到控件底部的距离
int distance = (getHeight() - height) / 2;
//判断触摸点是否在竖直范围内(可能会有点误差)
//触摸点的纵坐标在distance到（distance+图标自身的高度）之内，则视为点中删除图标
boolean isInnerHeight = (y & distance) && (y & (distance + height));
if (isInnerHeight && isInnerWidth) {
this.setText("");
return super.onTouchEvent(event);
* 设置清除图标的显示与隐藏，调用setCompoundDrawables为EditText绘制上去
* @param visible
private void setClearIconVisible(boolean visible) {
Drawable right = visible ? mClearDrawable : null;
setCompoundDrawables(getCompoundDrawables()[0], getCompoundDrawables()[1],
right, getCompoundDrawables()[3]);
* 当ClearEditText焦点发生变化的时候，判断里面字符串长度设置清除图标的显示与隐藏
public void onFocusChange(View v, boolean hasFocus) {
this.hasFocus = hasF
if (hasFocus) {
setClearIconVisible(getText().length() & 0);
setClearIconVisible(false);
* 当输入框里面内容发生变化的时候回调的方法
public void onTextChanged(CharSequence text, int start, int lengthBefore, int lengthAfter) {
if (hasFocus) {
setClearIconVisible(text.length() & 0);
public void beforeTextChanged(CharSequence s, int start, int count, int after) {
public void afterTextChanged(Editable s) {
* 设置晃动动画
public void setShakeAnimation() {
this.startAnimation(shakeAnimation(5));
* 晃动动画
* @param counts 1秒钟晃动多少下
public static Animation shakeAnimation(int counts) {
Animation translateAnimation = new TranslateAnimation(0, 10, 0, 0);
translateAnimation.setInterpolator(new CycleInterpolator(counts));
translateAnimation.setDuration(1000);
return translateA
setClearIconVisible() 方法，设置隐藏和显示清除图标的方法，这里不是调用setVisibility()方法，setVisibility()这个方法是针对View的， 我们可以调用setCompoundDrawables(Drawable left, Drawable top, Drawable right, Drawable bottom)来设置上下左右的图标
setOnFocusChangeListener(this)&为输入框设置焦点改变监听，如果输入框有焦点，我们判断输入框的值是否为空，为空就隐藏清除图标，否则就显示
addTextChangedListener(this)&为 输入框设置内容改变监听，其实很简单呢，当输入框里面的内容发生改变的时候，我们需要处理显示和隐藏清除小图标，里面的内容长度不为0我们就显示，否是就 隐藏，但这个需要输入框有焦点我们才改变显示或者隐藏，为什么要需要焦点，比如我们一个登陆界面，我们保存了用户名和密码，在登陆界面 onCreate()的时候，我们把我们保存的密码显示在用户名输入框和密码输入框里面，输入框里面内容发生改变，导致用户名输入框和密码输入框里面的清 除小图标都显示了，这显然不是我们想要的效果，所以加了一个是否有焦点的判断
setShakeAnimation()，这个方法是输入框左右抖动的方法，当用户名错误，输入框就在哪里抖动，其实主要是用到一个移动动画，然后设置动画的变化率为正弦曲线
接下来我们来使用它，Activity的布局，两个我们自定义的输入框，一个按钮
&RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
android:background="#95CAE4"
tools:context=".MainActivity"&
&com.tony.clearedittext.ClearEditText
android:id="@+id/username"
android:layout_marginTop="60dp"
android:background="@drawable/login_edittext_bg"
android:drawableLeft="@drawable/icon_user"
android:layout_marginLeft="10dip"
android:layout_marginRight="10dip"
android:singleLine="true"
android:drawableRight="@drawable/delete_selector"
android:hint="输入用户名"
android:layout_width="match_parent"
android:layout_height="wrap_content" /&
&com.tony.clearedittext.ClearEditText
android:id="@+id/password"
android:layout_marginLeft="10dip"
android:layout_marginRight="10dip"
android:layout_marginTop="10dip"
android:drawableLeft="@drawable/account_icon"
android:hint="输入密码"
android:singleLine="true"
android:password="true"
android:drawableRight="@drawable/delete_selector"
android:layout_below="@+id/username"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/login_edittext_bg"
android:id="@+id/login"
android:layout_marginLeft="10dip"
android:layout_marginRight="10dip"
android:background="@drawable/login_button_bg"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="18sp"
android:textColor="@android:color/white"
android:layout_below="@+id/password"
android:layout_marginTop="25dp"
android:text="登录"
&/RelativeLayout&
然后就是界面代码的编写，主要是测试输入框左右晃动
package com.tony.
import android.app.A
import android.support.v7.app.ActionBarA
import android.os.B
import android.text.TextU
import android.view.M
import android.view.MenuI
import android.view.V
import android.widget.B
import android.widget.T
public class MainActivity extends Activity {
private Toast mT
private Button mB
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final ClearEditText username = (ClearEditText) findViewById(R.id.username);
final ClearEditText password = (ClearEditText) findViewById(R.id.password);
mButton = (Button) findViewById(R.id.login);
mButton.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
if (TextUtils.isEmpty(username.getText())){
//设置晃动
username.setShakeAnimation();
//设置提示
showToast("用户名不能为空！");
if (TextUtils.isEmpty(password.getText())){
password.setShakeAnimation();
showToast("密码不能为空！");
* 显示Toast消息
* @param msg
private void showToast(String msg) {
if (mToast == null){
mToast = Toast.makeText(this,msg,Toast.LENGTH_SHORT);
mToast.setText(msg);
mToast.show();
效果图如下：
项目源码下载地址：
又需要的小伙伴或者是正在学习的赶紧那去吧，呵呵
在学习的过程中CSDN上的一篇文章给了我很大的帮助，能实现这个自定义控件很大程度上都是借鉴这篇优秀的博客分享：（注：原作者在清除图标监听上没有考虑竖直方向，另外，输入框的晃动效果也没有实现，自己查阅了一些资料把这两个功能都添加了上去）
阅读(...) 评论()Android Studio中的EditText控件使用详解
一：新建HelloEditText工程
创建设置如下：
Project name: HelloEditTextBuild Target :android 2.2Application name:HelloEditTextPackage name:com.flysnowcreate Activity: HelloEditTextmin SDK 8
这时候运行还看不到EditText，因为我们还没有加上,修改main.xml如下：
version="1.0" encoding="utf-8"
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/edit_text"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="这是一个EditText"
这里添加了一个id为"edit_text"的EditText，设置默认显示为本为“这是一个EditText”。。运行效果如下：
二：EditText简介
EditText是一个非常重要的组件，可以说它是用户和Android应用进行数据传输窗户，有了它就等于有了一扇和Android应用传输的门，通过它用户可以把数据传给Android应用，然后得到我们想要的数据。
EditText是TextView的子类，所以TextView的方法和特性同样存在于EditText中，具体的TextView的介绍可以参考上一节
三：长度和空白提示文字,提示文字颜色,是否可编辑等
EditText有一些属性可以设置EditText的特性，比如最大长度，空白提示文字等。
有时候我们有一些特属的需要，要求只能在EditText中输入特定个数的字符，比如身份证号、手机号吗等。这时候就可以通过android:maxLength属性来设置最大输入字符个数，比如android:maxLength=“4”就表示最多能输入4个字符，再多了就输入不进去了。空白提示文字。有时候我们需要说明你定义的这个EditText是做什么用的，比如让输入“用户名”，或者输入“电话号码”等，但是你又不想在EditText前面加一个TextView来说明这是输入“用户名”的，因为这会使用一个TextView，那么怎么办呢？EditText为我们提供了android:hint来设置当EditText内容为空时显示的文本，这个文本只在EditText为空时显示，你输入字符的时候就消失了，不影响你的EditText的文本。。修改main.xml如下：
version="1.0" encoding="utf-8"
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/edit_text"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:maxLength="40"
android:hint="请输入用户名..."
运行应用就会看到如下的效果：
看看吧，简洁明了还不用新增一个TextView说明，也不影响用户操作。上面列出了空白时的提示文字，有的人说了，我不想要这个灰色的提示文字，和我的应用整体风格不协调，那也行啊，我们可以换颜色，怎么换呢，就是通过android:textColorHint属性设置你想要的颜色。修改main.xml如下:
version="1.0" encoding="utf-8"
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/edit_text"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:maxLength="40"
android:hint="请输入用户名..."
android:textColorHint="#238745"
运行程序效果如下：
看到了吧，颜色已经变了。。还有一个比较实用的功能，就是设置EditText的不可编辑。设置android:enabled="false"可以实现不可编辑，可以获得焦点。这时候我们看到EditText和一个TextView差不多：
实现类似html中Textarea的文本域。在Android中没有专门的文本域组件，但是可以通过设置EditText的高来实现同样的文本域功能。修改main.xml如下:
version="1.0" encoding="utf-8"
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/edit_text"
android:layout_width="fill_parent"
android:layout_height="200dip"
运行程序效果如下：
四：输入特殊格式的字符
在我们开发程序的时候不免会输入一些特属个数的字符，比如密码（输入框的字符要加密显示），电话号码（比如数字和-）,数字等，这些都算是一些特属格式的字符，强大的EditText同样为我们提供了输入这些特属格式字符的设置。
密码文本框。密码输入也是Android应用常用的功能，通过配置EditText的android:password="true"就可以实现这一密码输入功能，修改main.xml如下：
version="1.0" encoding="utf-8"
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/edit_text"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:password="true"
运行效果如下：
可以看到我们输入的字符已经被“.”这样的掩码所代替。手机中发短信打电话是必不可少的，所以用于专门输入电话号码的文本框也是大有用途，有了他我们对是否是电话号码的校验就容易的多了(因为字符是正确的，只要校验格式 ).通过设置android:phoneNumber="true"就可以把EditText变成只接受电话号码输入的文本框，连软键盘都已经变成拨号专用软键盘了，所以不用再担心输入其他字符了。修改main.xml如下：
version="1.0" encoding="utf-8"
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/edit_text"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:phoneNumber="true"
运行程序效果如下：
注意看软键盘，已经变成拨号专用的啦.有时候我们只想输入数字，不想输入字母，EditText为我们提供了android:numeric来控制输入的数字类型，一共有三种分别为integer（正整数）、signed（带符号整数）和decimal(浮点数)。这里以signed类型的为例，修改main.xml如下：
version="1.0" encoding="utf-8"
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/edit_text"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:numeric="signed"
运行效果如下：
注意这里的软键盘变成“数字键盘”的变化.
五：为文本指定特定的软键盘类型
前面我们通过指定为电话号码特定格式，然后键盘类型变成了拨号专用的键盘，这个是自动变的，其实我们也可以通过android:inputType来设置文本的类型，让输入法选择合适的软键盘的。。android:inputType有很多类型，这里使用date类型来演示,修改main.xml如下：
version="1.0" encoding="utf-8"
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/edit_text"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:inputType="date"
运行效果如下：
六：Enter键图标的设置
软键盘的Enter键默认显示的是“完成”文本，我们知道按Enter建表示前置工作已经准备完毕了，要去什么什么啦。比如，在一个搜索中，我们输入要搜索的文本，然后按Enter表示要去搜索了，但是默认的Enter键显示的是“完成”文本，看着不太合适，不符合搜索的语义，如果能显示“搜索”两个字或者显示一个表示搜索的图标多好。事实证明我们的想法是合理的，Android也为我们提供的这样的功能。通过设置android:imeOptions来改变默认的“完成”文本。这里举几个常用的常量值：
actionUnspecified
未指定，对应常量EditorInfo.IME_ACTION_UNSPECIFIED.效果：actionNone 没有动作,对应常量EditorInfo.IME_ACTION_NONE 效果：actionGo 去往，对应常量EditorInfo.IME_ACTION_GO 效果：actionSearch 搜索，对应常量EditorInfo.IME_ACTION_SEARCH 效果： actionSend 发送，对应常量EditorInfo.IME_ACTION_SEND 效果：actionNext 下一个，对应常量EditorInfo.IME_ACTION_NEXT 效果：actionDone 完成，对应常量EditorInfo.IME_ACTION_DONE 效果：
下面已搜索为例，演示一个实例，修改main.xml如下：
version="1.0" encoding="utf-8"
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/edit_text"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:imeOptions="actionSearch"
修改HelloEditText如下：
package com.
import android.app.A
import android.os.B
import android.view.KeyE
import android.widget.EditT
import android.widget.TextV
import android.widget.T
import android.widget.TextView.OnEditorActionL
public class HelloEditText extends Activity {
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
EditText editText=(EditText)findViewById(R.id.edit_text);
editText.setOnEditorActionListener(new OnEditorActionListener() {
public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {
Toast.makeText(HelloEditText.this, String.valueOf(actionId), Toast.LENGTH_SHORT).show();
return false;
运行程序，点击回车（也就是搜索图标软键盘按钮）会显示该actionId.我们上面的每一个设置都会对应一个常量，这里的actionId就是那个常量值。
七：EditText的取值、全选、部分选择、获取选中文本
下面通过一个例子来演示EditText的取值、全选、部分选择和获取选中文本.main.xml修改如下：
version="1.0" encoding="utf-8"
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/edit_text"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:imeOptions="actionSearch"
android:id="@+id/btn_get_value"
android:text="取值"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/btn_all"
android:text="全选"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/btn_select"
android:text="从第2个字符开始选择"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/btn_get_select"
android:text="获取选中文本"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
HelloEditText修改如下：
package com.
import android.app.A
import android.os.B
import android.text.E
import android.text.S
import android.view.KeyE
import android.view.V
import android.view.View.OnClickL
import android.widget.B
import android.widget.EditT
import android.widget.TextV
import android.widget.T
import android.widget.TextView.OnEditorActionL
public class HelloEditText extends Activity {
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
final EditText editText=(EditText)findViewById(R.id.edit_text);
editText.setOnEditorActionListener(new OnEditorActionListener() {
public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {
Toast.makeText(HelloEditText.this, String.valueOf(actionId), Toast.LENGTH_SHORT).show();
return false;
Button getValue=(Button)findViewById(R.id.btn_get_value);
getValue.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
Toast.makeText(HelloEditText.this, editText.getText().toString(), Toast.LENGTH_SHORT).show();
Button all=(Button)findViewById(R.id.btn_all);
all.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
editText.selectAll();
Button select=(Button)findViewById(R.id.btn_select);
select.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
Editable editable=editText.getText();
Selection.setSelection(editable, 1,editable.length());
Button getSelect=(Button)findViewById(R.id.btn_get_select);
getSelect.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
int start=editText.getSelectionStart();
int end=editText.getSelectionEnd();
CharSequence selectText=editText.getText().subSequence(start, end);
Toast.makeText(HelloEditText.this, selectText, Toast.LENGTH_SHORT).show();
protected void switchIndex(int start, int end) {
运行效果如下：
可以通过输入文字和点击下面的按钮测试。
这结详细介绍了EditText的大部分特性和常用功能，如常用的密码框，获取值等等。这几天忙的没更新，这次更新个长的。可以够消化一阵子的。
博客转载自：
关于Android里EditText控件getText()返回值问题
Android基础——自定义EditTExt实现去掉输入框添加下划线
Android基本控件 - 文本框
Android之获取、设置EditText的文本
Android Studio 自定义EditText样式.
Android Studio App EditText获取输入的文字
APP搭建：输入文字，单击显示（Android studio）
Android——EditText自定义边框、圆角和其常用属性总结
自定义EditText的使用(一键删除)
Android EditText设置可以编辑和不可编辑状态
没有更多推荐了，