Android实现自定义带删除功能的EditText实例

1.说明

自定义带删除功能的EditText有两种方法,第一种是用组合视图的方法,即在一个view视图里面左侧放置一个EditText,右侧放置一个ImageView,但是这样增加了视图的层次,而且对输入内容的长度要做一定的处理。

第二种是重新定义EditText组件,增加相应的事件处理,即可达到很好的效果,效果图如下:

2.ClearEditText的JAVA类文件

/**

* @说明: 自定义带删除按钮的EditText

*

*/

public class ClearEditText extends EditText implements OnFocusChangeListener,

TextWatcher {

//EditText右侧的删除按钮

private Drawable mClearDrawable;

private boolean hasFoucs;

public ClearEditText(Context context) {

this(context, null);

}

public ClearEditText(Context context, AttributeSet attrs) {

this(context, attrs, android.R.attr.editTextStyle);

}

public ClearEditText(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

init();

}

private void init() {

// 获取EditText的DrawableRight,假如没有设置我们就使用默认的图片,获取图片的顺序是左上右下(0,1,2,3,)

mClearDrawable = getCompoundDrawables()[2];

if (mClearDrawable == null) {

mClearDrawable = getResources().getDrawable(

R.drawable.edit_delete);

}

mClearDrawable.setBounds(0, 0, mClearDrawable.getIntrinsicWidth(),

mClearDrawable.getIntrinsicHeight());

// 默认设置隐藏图标

setClearIconVisible(false);

// 设置焦点改变的监听

setOnFocusChangeListener(this);

// 设置输入框里面内容发生改变的监听

addTextChangedListener(this);

}

/* @说明:isInnerWidth, isInnerHeight为ture,触摸点在删除图标之内,则视为点击了删除图标

* event.getX() 获取相对应自身左上角的X坐标

* event.getY() 获取相对应自身左上角的Y坐标

* getWidth() 获取控件的宽度

* getHeight() 获取控件的高度

* getTotalPaddingRight() 获取删除图标左边缘到控件右边缘的距离

* getPaddingRight() 获取删除图标右边缘到控件右边缘的距离

* isInnerWidth:

* getWidth() - getTotalPaddingRight() 计算删除图标左边缘到控件左边缘的距离

* getWidth() - getPaddingRight() 计算删除图标右边缘到控件左边缘的距离

* isInnerHeight:

* distance 删除图标顶部边缘到控件顶部边缘的距离

* distance + height 删除图标底部边缘到控件顶部边缘的距离

*/

@Override

public boolean onTouchEvent(MotionEvent event) {

if (event.getAction() == MotionEvent.ACTION_UP) {

if (getCompoundDrawables()[2] != null) {

int x = (int)event.getX();

int y = (int)event.getY();

Rect rect = getCompoundDrawables()[2].getBounds();

int height = rect.height();

int distance = (getHeight() - height)/2;

boolean isInnerWidth = x > (getWidth() - getTotalPaddingRight()) && x < (getWidth() - getPaddingRight());

boolean isInnerHeight = y > distance && y <(distance + height);

if (isInnerWidth && isInnerHeight) {

this.setText("");

}

}

}

return super.onTouchEvent(event);

}

/**

* 当ClearEditText焦点发生变化的时候,

* 输入长度为零,隐藏删除图标,否则,显示删除图标

*/

@Override

public void onFocusChange(View v, boolean hasFocus) {

this.hasFoucs = hasFocus;

if (hasFocus) {

setClearIconVisible(getText().length() > 0);

} else {

setClearIconVisible(false);

}

}

protected void setClearIconVisible(boolean visible) {

Drawable right = visible ? mClearDrawable : null;

setCompoundDrawables(getCompoundDrawables()[0],

getCompoundDrawables()[1], right, getCompoundDrawables()[3]);

}

@Override

public void onTextChanged(CharSequence s, int start, int count, int after) {

if (hasFoucs) {

setClearIconVisible(s.length() > 0);

}

}

@Override

public void beforeTextChanged(CharSequence s, int start, int count,

int after) {

}

@Override

public void afterTextChanged(Editable s) {

}

}

3.引用ClearEditText的XML文件

<com.once.android_ui.selfview.ClearEditText

android:id="@+id/user_name"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:drawableLeft="@drawable/user_name"

android:drawablePadding="7dp"

android:hint="@string/name_tip"

android:singleLine="true"

android:textSize="17sp" >

<requestFocus />

</com.once.android_ui.selfview.ClearEditText>

附件是图片资源文件。



以上是 Android实现自定义带删除功能的EditText实例 的全部内容, 来源链接: utcz.com/z/340034.html

回到顶部