android带删除按钮的输入框

6c6777

于 2024-03-25 14:25:33 发布

阅读量119

点赞数 3

文章标签： android

本文链接：https://blog.csdn.net/qq_29186033/article/details/137013175

版权

这篇文章介绍了如何创建一个名为ClearEditText的自定义Android控件，它在EditText中添加了一个可点击的清除图标，当用户点击或焦点改变时会清除文本。

摘要由CSDN通过智能技术生成

import android.content.Context
import android.graphics.Rect
import android.graphics.drawable.Drawable
import android.util.AttributeSet
import android.view.MotionEvent
import androidx.appcompat.widget.AppCompatEditText
import androidx.core.content.ContextCompat
import com.R


/**
* @author created by ligw on 2022/8/12
* @Email ligw@wanbu.com.cn
*/
class ClearEditText @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null
) : AppCompatEditText(context, attrs) {


    var iconDrawable: Drawable? = null


    init {
        context.theme.obtainStyledAttributes(
            attrs,
            R.styleable.ClearEditText,
            0, 0
        ).apply {
            try {
                val iconId = getResourceId(R.styleable.ClearEditText_clearIcon, 0)
                if (iconId != 0) {
                    iconDrawable = ContextCompat.getDrawable(context, iconId)
                }
            } finally {
                recycle()
            }
        }
    }




    override fun onTextChanged(
        text: CharSequence?,
        start: Int,
        lengthBefore: Int,
        lengthAfter: Int
    ) {
        super.onTextChanged(text, start, lengthBefore, lengthAfter)
        toggleClearIcon()
    }


    override fun onTouchEvent(event: MotionEvent?): Boolean {
        event?.let { e ->
            iconDrawable?.let {
                if (e.x > width - it.intrinsicWidth && e.x < width
                    && e.y > height / 2 - it.intrinsicHeight / 2
                    && e.y < height / 2 + it.intrinsicHeight / 2
                ) {
                    text?.clear()
                }
            }
        }
        return super.onTouchEvent(event)
    }


    override fun onFocusChanged(focused: Boolean, direction: Int, previouslyFocusedRect: Rect?) {
        super.onFocusChanged(focused, direction, previouslyFocusedRect)
        toggleClearIcon()
    }




    fun toggleClearIcon() {
        var icon = if (isFocused && text?.isNotEmpty() == true) iconDrawable else null
        setCompoundDrawablesRelativeWithIntrinsicBounds(null, null, icon, null)
    }
}

<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="ClearEditText">
<attr name="clearIcon" format="reference"></attr>
</declare-styleable>
</resources>