关闭

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

标签: android
125人阅读 评论(0) 收藏 举报
分类:

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

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:7125次
    • 积分:96
    • 等级:
    • 排名:千里之外
    • 原创:2篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档