Android带清除功能的输入框控件EditTextWithDel
作者:qq_20785431 时间:2022-02-13 16:53:27
记录下一个很实用的小控件EditTextWithDel,就是在Android系统的输入框右边加入一个小图标,点击小图标可以清除输入框里面的内容,由于Android原生EditText不具备此功能,所以要想实现这一功能我们需要重写EditText。
效果图如下:
主要的思路就是为右边的图片设置监听,点击右边的图片清除输入框的内容并隐藏删除图标,因为我们不能直接给EditText设置点击事件,所以我们用记住我们按下的位置来模拟点击事件,用输入框的的onTouchEvent()方法来模拟.
package com.xiaolijuan.edittextwithdeldome;
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: adan
* @description: 自定义带有删除功能的EditText
* @projectName: EditTextWithDelDome
* @date: 2016-02-28
* @time: 23:34
*/
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.mipmap.icon_delete_gray);
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();
}
}
setDrawable()方法,setCompoundDrawablesWithIntrinsicBounds(Drawable left, Drawable top, Drawable right, Drawable bottom)来在上、下、左、右设置图标,如果不想在某个地方显示,则设置为null。
接下来我们来使用它设置Activity的布局,一个我们自定义的输入框,一个按钮
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="60dp"
android:layout_margin="25dp"
android:background="#ffffff">
<ImageView
android:id="@+id/img"
android:layout_width="25dp"
android:layout_height="30dp"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"
android:layout_margin="5dp"
android:src="@mipmap/ic_launcher" />
<ImageView
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_alignParentBottom="true"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
android:background="#56AB55" />
<com.xiaolijuan.edittextwithdeldome.EditTextWithDel
android:id="@+id/et_phoneNumber"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:layout_margin="2dp"
android:layout_toRightOf="@+id/img"
android:background="#ffffff"
android:hint="请输入手机号码"
android:maxLength="11"
android:phoneNumber="true"
android:singleLine="true" />
</RelativeLayout>
<Button
android:id="@+id/btn"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="25dp"
android:background="#56AB55"
android:text="确定" />
</LinearLayout>
然后就是界面代码的编写,主要测试下输入框
package com.xiaolijuan.edittextwithdeldome;
import android.app.Activity;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.View;
import android.widget.EditText;
import android.widget.Toast;
public class MainActivity extends Activity {
private EditText userName;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
userName = (EditText) findViewById(R.id.et_phoneNumber);
findViewById(R.id.btn).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (TextUtils.isEmpty(userName.getText().toString())){
Toast.makeText(getApplicationContext(),"手机号码为空",Toast.LENGTH_LONG).show();
return;
}
Toast.makeText(getApplicationContext(),userName.getText().toString(),Toast.LENGTH_LONG).show();
}
});
}
}
源码下载:http://xiazai.jb51.net/201609/yuanma/EditTextWithDel(jb51.net).rar
标签:Android,输入框
0
投稿
猜你喜欢
java sql ResultSet 之getRow()用法说明
2022-07-01 02:43:15
java比较器comparator使用示例分享
2022-07-18 22:45:15
Java泛型<T> T与T的使用方法详解
2021-07-12 10:58:42
SpringCloud Feign远程调用实现详解
2021-09-28 11:35:15
C# SendMail发送邮件功能实现
2022-05-02 19:40:43
C#实现观察者模式(Observer Pattern)的两种方式
2023-06-20 21:05:18
基于Java8 函数式接口理解及测试
2021-06-19 21:54:35
java 三种将list转换为map的方法详解
2023-09-13 03:35:39
mybatis中<if>标签bool值类型为false判断方法
2023-11-20 11:28:33
Java实现指定线程执行顺序的三种方式示例
2021-08-16 15:11:34
关于MyBatis中SqlSessionFactory和SqlSession简解
2022-02-18 13:57:37
spring boot devtools在Idea中实现热部署方法
2023-07-20 02:31:25
如何使用JCTools实现Java并发程序
2023-11-21 07:37:39
zookeeper概述图文详解
2021-12-07 15:46:03
Spring MVC 关于controller的字符编码问题
2023-06-17 09:52:52
使用java + selenium + OpenCV破解腾讯防水墙滑动验证码功能
2023-07-23 14:32:47
java实现MapReduce对文件进行切分的示例代码
2023-10-07 21:46:59
Java泛型中<?>和<T>的区别浅析
2023-11-25 05:20:09
C#获取上个月第一天和最后一天日期的方法
2023-02-22 07:33:44
C#中跨线程访问控件问题解决方案分享
2021-06-27 18:47:24