首页 > 移动平台 > 详细

[Android]自己定义带删除输入框

时间:2017-05-22 20:49:10      阅读:212      评论:0      收藏:0      [点我收藏+]

在项目开发中,带删除button输入框也是人们经常常使用到的,该文章便介绍一下怎样创建一个带删除输入框。当中,须要解决的问题例如以下:

a)创建自己定义editText类

b)在自己定义editText中显示删除图片

c)依据输入框的输入情况显示或隐藏图片

d)点击删除图片文字消失,图片隐藏

e)依据输入框焦点失去和获得状态显示或隐藏图片

好了。问题明白了。開始实现功能:

a)创建一个名为MyClearEditText的class文件,并集成EditText,实现其构造方法:

	public MyClearEditText(Context context) {
		this(context, null);
		// TODO Auto-generated constructor stub
	}

	public MyClearEditText(Context context, AttributeSet attrs) {
		this(context, attrs, android.R.attr.editTextStyle);
		// TODO Auto-generated constructor stub
	}

	public MyClearEditText(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
	}
ok,第一个问题攻克了,进入第二步。

b)在editText中。我们若想显示上下左右方向的图片,有着setCompoundDrawables或setCompoundDrawablesWithIntrinsicBounds方法,详细的话。能够去百度一下其差别,在这里,我使用的是setCompoundDrawablesWithIntrinsicBounds方法。代码例如以下:

	/**
	 * 初始化清除的图片
	 */
	private void initClearDrawable() {
		draw = getCompoundDrawables()[2];

		// 推断清除的图片是否为空
		if (draw == null) {
			draw = getResources().getDrawable(R.drawable.editdelete);
		}

		// 为输入框设置图片
		this.setCompoundDrawablesWithIntrinsicBounds(null, null, draw, null);
	}
思路为:先找到editText中右边的图片,若为null,则为其设置默认图片。然后再为输入框显示图片,便获得下图效果:

技术分享

c)须要获得输入框的情况。便要实现TextWatcher接口。

监听:

		this.addTextChangedListener(this);

须要实现的方法:

	public void onTextChanged(CharSequence text, int start, int lengthBefore,
			int lengthAfter) {
		// 推断输入框中是否有内容
		if (text.length() > 0) {
			this.setCompoundDrawablesWithIntrinsicBounds(null, null, draw, null);
		} else {
			this.setCompoundDrawablesWithIntrinsicBounds(null, null, null, null);
		}
	}

	public void beforeTextChanged(CharSequence s, int start, int count,
			int after) {
		// TODO Auto-generated method stub

	}

	public void afterTextChanged(Editable s) {
		// TODO Auto-generated method stub

	}

d)怎么监听是点击到那个删除图片的呢,这是一个值得思考的问题,在这里,有一种解决方式。那便是触点监听。依据点击的位置来推断是否在图片所处位置的范围内:

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		// 推断触碰是否结束
		if (event.getAction() == MotionEvent.ACTION_UP) {
			// 推断所触碰的位置是否为清除的button
			if (event.getX() > (getWidth() - getTotalPaddingRight())
					&& event.getX() < (getWidth() - getPaddingRight())) {
				// 将editText里面的内容清除
				setText("");
			}
		}
		return super.onTouchEvent(event);
	}


实现以上步骤后,大致的自己定义删除输入框功能便能够实现了,可是还是有些问题,假如有两个输入框。当向当中一个输入框输入文字后,点击另外一个输入框,上一个输入框还是会显示删除图片,解决方法例如以下:

e)既然是依据焦点的得失来推断,当然是实现焦点监听的方法:

	@Override
	protected void onFocusChanged(boolean focused, int direction,
			Rect previouslyFocusedRect) {
		// TODO Auto-generated method stub
		super.onFocusChanged(focused, direction, previouslyFocusedRect);
		// 推断焦点失去和得到时的操作
		if (focused && !this.getText().toString().equals("")) {
			this.setCompoundDrawablesWithIntrinsicBounds(null, null, draw, null);
		} else {
			this.setCompoundDrawablesWithIntrinsicBounds(null, null, null, null);
		}
	}

ok。完整版的自己定义带删除输入框就全然实现了。为方便大家学习,下面为完整代码:

package com.xiaoyan.xiaoyanlibrary.common.widget.edittext;

import com.xiaoyan.xiaoyanlibrary.R;

import android.content.Context;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.EditText;

/**
 * 自己定义一个具有清除功能的editText
 * 
 * @author xiejinxiong
 * 
 */
public class MyClearEditText extends EditText implements TextWatcher {
	/** 储存清除的图片 */
	private Drawable draw;

	public MyClearEditText(Context context) {
		this(context, null);
		// TODO Auto-generated constructor stub
	}

	public MyClearEditText(Context context, AttributeSet attrs) {
		this(context, attrs, android.R.attr.editTextStyle);
		// TODO Auto-generated constructor stub
	}

	public MyClearEditText(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);

		initClearDrawable();
		this.addTextChangedListener(this);
	}

	@Override
	protected void onFocusChanged(boolean focused, int direction,
			Rect previouslyFocusedRect) {
		// TODO Auto-generated method stub
		super.onFocusChanged(focused, direction, previouslyFocusedRect);
		// 推断焦点失去和得到时的操作
		if (focused && !this.getText().toString().equals("")) {
			this.setCompoundDrawablesWithIntrinsicBounds(null, null, draw, null);
		} else {
			this.setCompoundDrawablesWithIntrinsicBounds(null, null, null, null);
		}
	}

	/**
	 * 初始化清除的图片
	 */
	private void initClearDrawable() {
		draw = getCompoundDrawables()[2];

		// 推断清除的图片是否为空
		if (draw == null) {
			draw = getResources().getDrawable(R.drawable.editdelete);
		}

		// 将输入框默认设置为没有清除的button
		this.setCompoundDrawablesWithIntrinsicBounds(null, null, null, null);
	}

	public void onTextChanged(CharSequence text, int start, int lengthBefore,
			int lengthAfter) {
		// 推断输入框中是否有内容
		if (text.length() > 0) {
			this.setCompoundDrawablesWithIntrinsicBounds(null, null, draw, null);
		} else {
			this.setCompoundDrawablesWithIntrinsicBounds(null, null, null, null);
		}
	}

	public void beforeTextChanged(CharSequence s, int start, int count,
			int after) {
		// TODO Auto-generated method stub

	}

	public void afterTextChanged(Editable s) {
		// TODO Auto-generated method stub

	}

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		// 推断触碰是否结束
		if (event.getAction() == MotionEvent.ACTION_UP) {
			// 推断所触碰的位置是否为清除的button
			if (event.getX() > (getWidth() - getTotalPaddingRight())
					&& event.getX() < (getWidth() - getPaddingRight())) {
				// 将editText里面的内容清除
				setText("");
			}
		}
		return super.onTouchEvent(event);
	}

}



[Android]自己定义带删除输入框

原文:http://www.cnblogs.com/lytwajue/p/6891235.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!