自定义控件 --- DeletableEditText带删除按钮的EditText

小咪咪 2022-08-12 14:29 184阅读 0赞

![20140926144938572][]

DeletableEditText 的布局：

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:focusable="true"
        android:focusableInTouchMode="true" >
    
        <EditText
            android:id="@+id/edt_input"
            android:singleLine="true"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:paddingLeft="10dp"
            android:paddingRight="10dp" />
        <!--删除按钮--!>
        <ImageButton
            android:id="@+id/btn_delete"
            android:scaleType="centerInside"
            android:layout_margin="5dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_alignParentEnd="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="10dp"
            android:background="@drawable/hzdl_cancel_n"
            android:visibility="gone" />
    </RelativeLayout>

定义类 继承 LinearLayout

package com.example.deletableedittext;
    
    import android.content.Context;
    import android.text.Editable;
    import android.text.TextWatcher;
    import android.util.AttributeSet;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.widget.EditText;
    import android.widget.ImageButton;
    import android.widget.LinearLayout;
    
    import com.zyh.deletableedittext.R;
    
    /**
     * 带删除按钮的EditText
     * @author zyh
     */
    public class DeleteableEditText extends LinearLayout {
    
    	private EditText edt_input;
    	private ImageButton btn_delete;
    
    	public DeleteableEditText(Context context) {
    		super(context);
    	}
    
    	public DeleteableEditText(Context context, AttributeSet attrs) {
    		super(context, attrs);
    		// 获取布局
    		View view = LayoutInflater.from(context).inflate(R.layout.edit_delete, this, true);
    		edt_input = (EditText) view.findViewById(R.id.edt_input);
    		btn_delete = (ImageButton) this.findViewById(R.id.btn_delete);
    		edt_input.addTextChangedListener(new TextWatcher() {
    			public void onTextChanged(CharSequence s, int start, int before, int count) {
    			}
    
    			public void beforeTextChanged(CharSequence s, int start, int count, int after) {
    			}
    
    			public void afterTextChanged(Editable s) {
    				btn_delete.setVisibility(edt_input.isFocused() && s.length() > 0 ? View.VISIBLE : View.GONE);
    			}
    		});
    		edt_input.setOnFocusChangeListener(new OnFocusChangeListener() {
    			public void onFocusChange(View v, boolean hasFocus) {
    				btn_delete.setVisibility(edt_input.getText().length() <= 0 || !hasFocus ? 8 : 0);
    			}
    		});
    		btn_delete.setOnClickListener(new OnClickListener() {
    			public void onClick(View v) {
    				edt_input.setText("");
    			}
    		});
    	}
    
    	/**
    	 * @param str 设置输入框显示的默认值
    	 */
    	public void setHint(String str) {
    		edt_input.setHint(str);
    	}
    
    	/**
    	 * @return 获取输入框中的内容
    	 */
    	public String getText() {
    		return edt_input.getText().toString().trim();
    	}
    
    	/**
    	 * @param str 设置输入框内容
    	 */
    	public void setText(String str) {
    		edt_input.setText(str);
    	}
    
    	/**
    	 * @param id 字符id
    	 */
    	public void setText(int id) {
    		edt_input.setText(id);
    	}
    
    }

然后就可以直接在 布局中使用了

[源码地址：https://github.com/18236887539/DeletableEditText][https_github.com_18236887539_DeletableEditText]

[20140926144938572]: /images/20220810/90fd1e362dfa45da900f4f4defec0639.png
[https_github.com_18236887539_DeletableEditText]: https://github.com/18236887539/DeletableEditText