Android自定义控件 - 带清除功能的输入框

原创 2017年09月21日 11:32:00

Android自定义控件 - 带清除功能的输入框

在业务需求中我们经常会用到输入框快捷删除输入内容的操作,然后Android的EditText控件是不带清除功能的,所以我们得自己写一个带清除功能的EditText。

先看看效果图:
这里写图片描述
实现该控件只需要两步:
- 自定义一个EditText(继承自EditText类)
- 布局文件中引用

下面贴代码:

  1. 自定义的EditText类 - EditTextWithDel
package cn.cqlwkj.lwinspection.view;

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;

import cn.cqlwkj.lwinspection.R;

/**
 * Created by pengbo on 2017-09-21.
 * 带删除的输入框
 */

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() {
        imgAble = mContext.getResources().getDrawable(
               R.drawable.ic_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, null, 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();
    }
}

注意:ic_delete是你自己使用的删除按钮的图片。

  • 2、 在布局文件中使用自定义的控件
 <cn.cqlwkj.lwinspection.view.EditTextWithDel
                    android:id="@+id/edit_input"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_alignParentBottom="true"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true"
                    android:layout_margin="10dp"
                    android:layout_toRightOf="@+id/img"
                    android:hint="xxx"
                    android:inputType="numberDecimal"
                    android:layout_weight="0.7"
                    android:singleLine="true"
                    android:background="@drawable/edit_shape"/>

至此,我们就完成了一个自定义输入框。

以上内容基于其他博文修改而来,原博文地址:http://blog.csdn.net/qq_20785431/article/details/50762834

版权声明:本文为博主原创文章,未经博主允许不得转载。

Android自定义控件开发系列(二)——带清除按钮的圆角输入框

接着上一篇Android自定义开发系列(一)继续:         由于上一篇的例子做得比较粗糙,也是因为那个只是个简单的入门,只是演示了一下通过组合已有控件开发自定义控件的几个途径。那样的例子连自己...

Android UI设计之<三>自定义EditText,实现带清除功能的输入框

我们都知道每一个项目基本上都是有登陆页的,在登陆页中肯定是少不了输入框了,当我们在输入框中输入数据后如果输入的内容不正确或者是错误的或者是想重新输入,如果嗯键盘上的删除键就得一个一个的去删除,这时候我...

Android带清除功能的输入框控件ClearEditText

Android带清除功能的输入框控件ClearEditText
  • as_csdn
  • as_csdn
  • 2016年07月21日 17:22
  • 607

Android 带清除功能的输入框控件

  • 2016年10月26日 14:25
  • 20.08MB
  • 下载

Android 带清除功能的输入框控件EditTextWithDel

记录下一个很实用的小控件EditTextWithDel,就是在Android系统的输入框右边加入一个小图标,点击小图标可以清除输入框里面的内容,由于Android原生EditText不具备此功能,所以...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android自定义控件 - 带清除功能的输入框
举报原因:
原因补充:

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