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,主要实现的为两...
  • JonsTank2013
  • JonsTank2013
  • 2016年01月12日 18:25
  • 2589

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

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

自定义android控件EditText 自定义边框 背景

自定义EditText边框背景:首先重新定义一个style。在values文件夹下新建一个xml文件:...
  • a570056568
  • a570056568
  • 2011年02月12日 14:35
  • 27721

android EditText自定义样式

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

自定义EditText的两种方法

自定义EditText的方法
  • u012678179
  • u012678179
  • 2016年03月18日 11:16
  • 654

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

本节要实现:自定义一个带下边框的EditText。1.xml代码中: 只需要将标签元素设置成:自定义的 包名+类名 格式。 (不满意默认风格,只需加上: android:background=...
  • qq_16912257
  • qq_16912257
  • 2015年07月27日 21:26
  • 749

自定义EditText的使用

在实际开发的时候,应用的登录界面和注册界面通常会用到这个,我说的就是EditText末尾处的那个叉号,当输入EditText中的内容不符合自己的意愿,想全部删除的时候,可以点击那个叉号实现一键删除Ed...
  • AndroidStudioo
  • AndroidStudioo
  • 2016年08月11日 08:44
  • 1017

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

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

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

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

EditText详解与自定义

一、常用属性设置      1、文字过滤设置         android:inputType="text" //软键盘为数字字母风格         android:inputType="text...
  • yoonerloop
  • yoonerloop
  • 2017年03月17日 11:32
  • 794
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:android自定义View之自定义EditText(添加删除功能)
举报原因:
原因补充:

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