带删除按钮的EditText

在使用输入框的时候,常常需要在输入框后带有一键清除输入内容的按钮。采用自定义View的方式是复用性较高的方法。另一方面也可以采用控件“控件+监听”的较为简单的方法来实现。

布局文件:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:text="账号:"
        android:textColor="#000000"
        android:gravity="center"
        android:textSize="16sp"/>
    <EditText
        android:id="@+id/etUser"
        tools:text="test3"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:background="@null"
        android:maxLength="16"
        android:layout_weight="1"/>
    <TextView
        android:id="@+id/closeUser"
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:gravity="center"
        android:background="@drawable/icon_delete"
        android:textColor="@color/gray"/>
</LinearLayout>

主要代码:

        tvCloseUser = (TextView) findViewById(R.id.closeUser);//清除按钮,使用TextView
        tvCloseUser.setVisibility(View.INVISIBLE);
        
        mEtUserName = (EditText) findViewById(R.id.etUser);//文本框
        
        //监听文本变化
        mEtUserName.addTextChangedListener(new TextWatcher() {
            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                if (s.length() > 0){
                    tvCloseUser.setVisibility(View.VISIBLE);
                }else{
                    tvCloseUser.setVisibility(View.GONE);
                }
            }
        });
        //点击清除文本
        tvCloseUser.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mEtUserName.setText("");
            }
        });
        //监听焦点变化,没有焦点则清除按钮不可见
        mEtUserName.setOnFocusChangeListener(new View.OnFocusChangeListener() {
            @Override
            public void onFocusChange(View v, boolean hasFocus) {
                if (hasFocus && mEtUserName.getText().length() > 0){
                    tvCloseUser.setVisibility(View.VISIBLE);
                }else {
                    tvCloseUser.setVisibility(View.GONE);
                }
            }
        });
时间: 2024-10-10 16:06:15

带删除按钮的EditText的相关文章

35.Android之带删除按钮EditText学习

今天实现Android里自定义带删除功能的EditText,效果如下: 当输入内容时,EditText变为带有一个删除功能按钮的编辑框,如图: 实现代码很简单,直接上代码, 布局文件xml: 1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 an

Android--&gt;轻松打造带删除按钮的输入框(EditText),附Emoji表情过滤

输入框带删除按钮, 此乃标配, 实现起来方法也很多, 网上开源也很多. 但是, 没事就喜欢瞎折腾. 上图说话. 只是在原生的基础上加了扩展. 相对来说入侵非常少, 使用方法和原生的一模一样.无任何阉割. 完整代码: public class ExEditText extends AppCompatEditText { Rect clearRect = new Rect(); public ExEditText(Context context) { super(context); } public

【Android-EditText】自定义带删除功能的EditText

我们经常在一些应用中见到输入框带有删除功能,今天我们就来实现这个功能(文字组织能力不强,大家随便看看).主要是记录一下自己的学习经历,如果对大家有帮助,我会更开心的. 先上图: 实现要点: 1.当输入框为空时,删除按钮隐藏: 2.当输入框不为空时,显示删除按钮. 核心代码: package com.example.view; import com.example.ui.R; import android.content.Context; import android.graphics.Rect;

自定义组件------带删除功能的EditText

以前在为EditText添加左侧图标,以及右侧一个删除按钮时,经常是使用FrameLayout,当这样代码复用差,维护也麻烦.最好的方法是重写EditText实现该功能.现在看看效果图,后面再讲解实现方式. 重写之后的组件有如下功能,只有当EditText内容不为空,而且获得焦点,才会出现删除按钮,点击删除按钮则清空内容.代码如下: public class CleanableEditText extends EditText { //回调函数 private TextWatcherCallBa

Android学习小Demo(22)带删除按钮的TextView

很多时候,会有一些很简单的需求,比如你利用一个Button弹出某个页面,选择了某个对象之后,你会将对象的某些属性,比如名称之类,显示在按钮上. 而紧跟着,又会想着,能不能把刚选择的对象给清掉,比如把按钮上的文字给去掉,这个时候,你就会希望,要是按钮后面还能够有多一个图标,一点击,就把当前控件的文字等清除掉就好了,并且还会对应的回调函数,让我们多处理一些事情,那多好. 很可惜,Android并没有提供现成的控件供我们这样使用,但换个角度想想,这又根本不可惜,因为我们可以自己来实现这样的效果呀,这是

Android带清楚按钮的EditText

效果如图 Demo apk下载 http://pan.baidu.com/s/1o6HPumI Demo 源码下载 http://pan.baidu.com/s/1sjAX8OP 通过demo我们可以很快的学习新的知识,通过demo我们能很轻松的完成一项功能,如果你想快速的学习安卓新的技能,获得快速开发项目的能力,下载安卓demo吧,上面会定期发布安卓优质的demo供大家使用和学习.下载地址:http://zhushou.360.cn/detail/index/soft_id/1796667?r

android-android 带删除功能的EditText

DJEditText.java /** * Created by xp.chen on 2016/11/25. */ public class DJEditText extends AppCompatEditText { private static final int DRAWABLE_LEFT = 0; private static final int DRAWABLE_TOP = 1; private static final int DRAWABLE_RIGHT = 2; private

Android 自定义EditText输入框 带清空按钮

总结  Android 自定义EditText输入框 带清空按钮 当用户输入字符后  EditText会自动在输入框的内部右侧出现删除按钮 重写EditText达到简化布局的效果 效果图: 继承EditText package com.example.myedittexttest; import android.content.Context; import android.graphics.Rect; import android.graphics.drawable.Drawable; imp

带删除的edittext

1 package com.sixin.view; 2 3 import android.content.Context; 4 import android.graphics.Canvas; 5 import android.graphics.Color; 6 import android.graphics.Paint; 7 import android.graphics.Rect; 8 import android.graphics.drawable.Drawable; 9 import an