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     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:background="#000000"
 6     android:orientation="vertical" >
 7
 8     <LinearLayout
 9         android:layout_width="match_parent"
10         android:layout_height="wrap_content"
11         android:background="@drawable/back"
12         android:layout_marginBottom="5dp"
13         android:layout_marginLeft="5dp"
14         android:layout_marginRight="5dp"
15         android:layout_marginTop="5dp" >
16
17         <ImageView
18             android:id="@+id/search_img"
19             android:layout_width="wrap_content"
20             android:layout_height="wrap_content"
21             android:paddingTop="7dp"
22             android:src="@drawable/search" />
23
24         <EditText
25             android:id="@+id/clearText"
26             android:layout_width="fill_parent"
27             android:layout_height="wrap_content"
28             android:layout_weight="1"
29             android:background="@null"
30             android:hint="搜索"
31             android:imeOptions="actionDone"
32             android:singleLine="true" >
33         </EditText>
34
35         <Button
36             android:id="@+id/clear_btn"
37             android:layout_width="40dp"
38             android:layout_height="40dp"
39             android:background="@drawable/clear" />
40     </LinearLayout>
41
42 </LinearLayout>

activity代码:

 1 package com.example.cleartextdemo;
 2
 3 import android.app.Activity;
 4 import android.os.Bundle;
 5 import android.text.Editable;
 6 import android.text.TextWatcher;
 7 import android.view.View;
 8 import android.widget.Button;
 9 import android.widget.EditText;
10
11 public class MainActivity extends Activity {
12
13     private EditText clearEditText;
14     private Button clearbtn;
15
16     @Override
17     protected void onCreate(Bundle savedInstanceState) {
18         super.onCreate(savedInstanceState);
19         setContentView(R.layout.activity_main);
20
21         clearEditText = (EditText) findViewById(R.id.clearText);
22         clearbtn = (Button) findViewById(R.id.clear_btn);
23         clearbtn.setOnClickListener(new View.OnClickListener() {
24             @Override
25             public void onClick(View v) {
26                 clearEditText.setText("");
27             }
28         });
29
30         clearEditText.addTextChangedListener(mTextWatcher);
31
32     }
33
34     TextWatcher mTextWatcher = new TextWatcher() {
35
36         @Override
37         public void beforeTextChanged(CharSequence s, int start, int count,
38                 int after) {
39             // TODO Auto-generated method stub
40
41         }
42
43         @Override
44         public void onTextChanged(CharSequence s, int start, int before,
45                 int count) {
46             // TODO Auto-generated method stub
47
48         }
49
50         @Override
51         public void afterTextChanged(Editable s) {
52             if (clearEditText.getText().toString() != null
53                     && !clearEditText.getText().toString().equals("")) {
54                 clearbtn.setVisibility(View.VISIBLE);
55             } else {
56                 clearbtn.setVisibility(View.INVISIBLE);
57             }
58
59         }
60
61     };
62
63 }

运行后输入信息如图:

按下删除控件变为:

时间: 2024-10-29 12:08:44

35.Android之带删除按钮EditText学习的相关文章

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

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

android 实现带清除效果的EditText(附带抖动效果)

Android一直没有提供类似于ios中自带清除效果的输入框(ios只要只要添加属性即可实现),所以在Android当中 想要实现此效果就需要使用自定义控件的方式实现. 思路:可以使用一个Linearlayout里面横向布局一个EditText和一个删除的图片,监听输入框的焦点和文字变化,设置图片的显隐和点击清除事件.但是这么做些弊端,首先增加了UI布局的层级结构不利于UI结构的优化而且可能会出现文字过长遮挡住图片的情况.所以采用自定义控件继承于EditText,使用getCompoundDra

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

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

带删除的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

带删除按钮的EditText

在使用输入框的时候,常常需要在输入框后带有一键清除输入内容的按钮.采用自定义View的方式是复用性较高的方法.另一方面也可以采用控件"控件+监听"的较为简单的方法来实现. 布局文件: <LinearLayout     android:layout_width="match_parent"     android:layout_height="0dp"     android:layout_weight="1">

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

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

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

自定义EditText 实现带清空按钮的输入框

注:本文转载自csdn,其中实现清除功能所采用的方案比较可取. 原文如下: 项目要求:做出包含根据情况可变色的下划线,左侧有可变图标,右侧有可变删除标志的edittext,如图 记录制作过程: 第一版本: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52

[Android]自己定义带删除输入框

在项目开发中,带删除button输入框也是人们经常常使用到的,该文章便介绍一下怎样创建一个带删除输入框.当中,须要解决的问题例如以下: a)创建自己定义editText类 b)在自己定义editText中显示删除图片 c)依据输入框的输入情况显示或隐藏图片 d)点击删除图片文字消失,图片隐藏 e)依据输入框焦点失去和获得状态显示或隐藏图片 好了.问题明白了.開始实现功能: a)创建一个名为MyClearEditText的class文件,并集成EditText,实现其构造方法: public My