android自定义View之自定义EditText(添加删除功能)

原创 2013年12月04日 17:36:22

           忙忙碌碌20天,新的项目终于接近尾声了。今天公司召集几个用户体验师和美工一起吐糟这20天做的这个新产品,对于产品提出了很多建议,这几天就改界面了。在这个项目中大量的使用了EditText组件,并且添加了删除功能。这里面都是用RelativeLayout布局将一个包含删除图片的ImageView放到EditText中的右边。然后对ImageView添加事件,进行删除。以前都是这样干的,相信大多数也是这样干的。可是今天用户体验师提出要求在EditText在没有内容的时候删除图片显示为灰色,有内容的时候显示为项目的主题色。靠,项目中用了40多个,要改死我。不过也怪自己在项目开始时没考虑到EditText的复用。

         为了更高的复用和减少代码的冗余所以按照用户体验师的要求自定义了一个EditText。

         EditTextWithDel组件的功能如下:

        1、在没用内容的时候显示不可用的图片状态,在有内容的时候显示可用的图片状态;

        2、在有内容的时候点击删除按钮可以删除EditText中的内容;

组件的代码如下:

package com.sunday.customs;


import com.example.customs.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.util.Log;
import android.view.MotionEvent;
import android.widget.EditText;

/**
 * @author sunday
 * 2013-12-04
 */
public class EditTextWithDel extends EditText {
	private final static String TAG = "EditTextWithDel";
	private Drawable imgInable;
	private Drawable imgAble;
	private Context mContext;

	public EditTextWithDel(Context context) {
		super(context);
		mContext = context;
		init();
	}

	public EditTextWithDel(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		mContext = context;
		init();
	}

	public EditTextWithDel(Context context, AttributeSet attrs) {
		super(context, attrs);
		mContext = context;
		init();
	}
	
	private void init() {
		imgInable = mContext.getResources().getDrawable(R.drawable.delete_gray);
		imgAble = mContext.getResources().getDrawable(R.drawable.delete);
		addTextChangedListener(new TextWatcher() {
			@Override
			public void onTextChanged(CharSequence s, int start, int before, int count) {}
			@Override
			public void beforeTextChanged(CharSequence s, int start, int count, int after) {}
			@Override
			public void afterTextChanged(Editable s) {
				setDrawable();
			}
		});
		setDrawable();
	}
	
	//设置删除图片
	private void setDrawable() {
		if(length() < 1)
			setCompoundDrawablesWithIntrinsicBounds(null, null, imgInable, null);
		else
			setCompoundDrawablesWithIntrinsicBounds(null, null, imgAble, null);
	}
	
	 // 处理删除事件
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (imgAble != null && event.getAction() == MotionEvent.ACTION_UP) {
            int eventX = (int) event.getRawX();
            int eventY = (int) event.getRawY();
            Log.e(TAG, "eventX = " + eventX + "; eventY = " + eventY);
            Rect rect = new Rect();
            getGlobalVisibleRect(rect);
            rect.left = rect.right - 50;
            if(rect.contains(eventX, eventY)) 
            	setText("");
        }
        return super.onTouchEvent(event);
    }

    @Override
    protected void finalize() throws Throwable {
        super.finalize();
    }

}

效果图如下:

 

demo:http://download.csdn.net/detail/ff20081528/6657423

 

转载请说明出处:http://blog.csdn.net/ff20081528/article/details/17121911
 

相关文章推荐

自定义控件(一) EditText自定义

自定义控件分三种: 1. 自绘控件 2. 组合控件 3. 继承控件代码已上传到 github 以后的自定义控件就都放这个仓库需求这里由于项目的需要实现一个自定义EditText,主要实现的为两...

自定义EditText :下划线,左侧有可变图标,右侧有可变删除标志

项目要求:
  • zwx622
  • zwx622
  • 2014年08月02日 15:35
  • 2845

android EditText自定义样式

1.去掉边框 EditText的background属性设置为@null就搞定了:android:background="@null" style属性倒是可加可不加 附原文:...
  • jdsjlzx
  • jdsjlzx
  • 2014年05月05日 16:58
  • 96360

Android 自定义可编辑图文混排EditText

深知各位看官品性,所以先上图,然后再听我吹《我和图文混排不得不说的故事》系列之----没有故事!(为了死气沉沉的代码更有生气,我给各位看官下载的美女) 各位同道,时隔半年,我胡汉...

Android 自定义EditText( 登录界面)

转载请标明出处:http://blog.csdn.net/u013598111/article/details/50057161,本文出自:【JunTao_sun】 先看效果图: 自定义editt...

自定义EditText的两种方法

自定义EditText的方法

Android 自定义可编辑图文混排EditText

深知各位看官品性,所以先上图,然后再听我吹《我和图文混排不得不说的故事》系列之----没有故事!(为了死气沉沉的代码更有生气,我给各位看官下载的美女) 各位同道,时隔半年,我胡汉三又回来了!...

自定义EditText实现输入错误变红的效果

这次做的项目设计给的效果图是这样的 不选中时线为灰色,获取焦点后高亮变化,若判断错误后将底部线条文字及清楚按钮都变成红色,同时从界面上面要滑动出错误文字提示。 为了改变EditText线条颜色真是尝...

安卓开发之自定义控件实现MaterialEditText

按照常规先展示效果图并说明:主要有以下几个效果: edittext中的内容为0时,标签不出现 edittext中的内容不为0时,标签开始出现 edittext获取焦点时,下划线的颜色/粗细会发生改变 ...
  • cxmscb
  • cxmscb
  • 2016年10月13日 17:50
  • 2412

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:android自定义View之自定义EditText(添加删除功能)
举报原因:
原因补充:

(最多只允许输入30个字)