androidUI设计之旅 ----自定义EditText（多了一个清除按钮）

落日映苍穹つ 2022-01-15 09:05 140阅读 0赞

[为什么80%的码农都做不了架构师？>>> ][80_]  ![hot3.png][]

csdn怎么了，上传的代码都是乱的。。。。。。。。。

今天我要自定义一个EditText,主要实现的效果是，没输入字符的时候，后面没有清空按钮，输入的时候，就会出现。不废话，直接上图。

# 一：效果介绍： #

![25095255_gpBD.jpg][]![25095255_e35O.jpg][]

这个效果是不是很酷呢？把它封装成一个类，就不用每次都写了。直接当控件用了。

二：代码

**（1）user\_definedet.xml**

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" > <EditText android:id="@+id/user_define_et" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_toLeftOf="@+id/user_define_iv" /> <ImageView android:id="@id/user_define_iv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_centerVertical="true" android:background="@drawable/icon_clear" /> </RelativeLayout>

## （2）UserDefineEditText.java ##

package com.example.userdefinedet; import android.content.Context; import android.text.Editable; import android.text.TextWatcher; import android.util.AttributeSet; import android.util.Log; import android.view.View; import android.view.View.OnClickListener; import android.widget.EditText; import android.widget.ImageView; import android.widget.LinearLayout; public class UserDefineEditText extends LinearLayout implements TextWatcher, OnClickListener { private EditText mEdiText; private ImageView mImageView; public UserDefineEditText(Context context) { super(context); initView(); } public UserDefineEditText(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); initView(); } public UserDefineEditText(Context context, AttributeSet attrs) { super(context, attrs); initView(); } // 初始化视图 private void initView() { View view = View.inflate(getContext(), R.layout.user_definedet, null); mEdiText = (EditText) view.findViewById(R.id.user_define_et); mImageView = (ImageView) view.findViewById(R.id.user_define_iv); mImageView.setVisibility(View.GONE); mEdiText.addTextChangedListener(this); mImageView.setOnClickListener(this); addView(view); } @Override public void afterTextChanged(Editable s) { // TODO Auto-generated metho if (s.length() > 0) { mImageView.setVisibility(View.VISIBLE); } else { mImageView.setVisibility(View.GONE); } } @Override public void beforeTextChanged(CharSequence s, int start, int count, int after) { // TODO Auto-generated method stub } @Override public void onTextChanged(CharSequence s, int start, int before, int count) { // TODO Auto-generated method stub } @Override public void onClick(View v) { switch (v.getId()) { case R.id.user_define_iv: mEdiText.setText(""); break; default: break; } } public String getText() { return mEdiText.getText().toString(); } }

（3）使用这个控件的两种方法：  
        （1）new UserDefineEditText(this);   
         this：指的是“上下文”  
    （2）在布局文件中引入：  
如：

<com.example.userdefinedet.UserDefineEditText android:id="@+id/userdefineedittext" android:layout_width="wrap_content" android:layout_height="wrap_content" > </com.example.userdefinedet.UserDefineEditText>

源码下载地址：  
http://download.csdn.net/detail/zz20104534/6861373

转载于:https://my.oschina.net/cjkall/blog/195863

[80_]: https://my.oschina.net/u/2663968/blog/3051541
[hot3.png]: /images/20220115/c4f48cebbde447e9920b5cb315e9ffd6.png
[25095255_gpBD.jpg]: http://static.oschina.net/uploads/img/201401/25095255_gpBD.jpg
[25095255_e35O.jpg]: /images/20220115/7640eb9be92a4f0eaf087608a3016b52.png