Kotlin EditText 新增右侧删除按钮

Posted 2022-01-09 安果移不动

布局文件

            <AutoCompleteTextView
                android:id="@+id/edRealName"
                android:layout_width="match_parent"
                android:paddingEnd="16dp"
                android:layout_height="44dp"
                android:layout_marginStart="20dp"
                android:layout_marginTop="14dp"
                android:layout_marginEnd="20dp"
                android:background="@color/color_FAFBFC"
                android:hint="@string/please_input_real_name"
                android:maxLength="20"
                android:paddingStart="16dp"
                android:textColor="@color/color_191C29"
                android:textSize="16sp" />

输入文本>0的时候 按钮显示。等于0的时候 按钮隐藏

     val readNametextWatcher = object : TextWatcher 
            override fun beforeTextChanged(
                s: CharSequence?,
                start: Int,
                count: Int,
                after: Int
            ) 
            

            override fun onTextChanged(
                s: CharSequence?,
                start: Int,
                before: Int,
                count: Int
            ) 
             
                if (count == 0) 
                    edRealName.setCompoundDrawablesRelative(null, null, null, null);
                 else 
                    var drawable =
                        [e-mail](R.mipmap.ic_real_name_delete);
//                    <span style="color:#ff0000;">// 在 setCompoundDrawablesRelative 之前一定要对 Drawable 进行设置,不然没有效果</span>
                    if (drawable != null) 
                        drawable.setBounds(
                            0,
                            0,
                            drawable.getMinimumWidth(),
                            drawable.getMinimumHeight()
                        );
                    
                    edRealName.setCompoundDrawablesRelative(null, null, drawable, null);
                


            

            override fun afterTextChanged(s: Editable?) 

            
        

点击删除文本

 edRealName.setOnTouchListener(object : View.OnTouchListener 
            override fun onTouch(v: View?, event: MotionEvent?): Boolean 
                val drawable: Drawable = edRealName.getCompoundDrawablesRelative().get(2)
                    ?: return false

                if (event!!.action !== MotionEvent.ACTION_UP) 
                    return false
                
                // drawable.getIntrinsicWidth() 获取drawable资源图片呈现的宽度

                // drawable.getIntrinsicWidth() 获取drawable资源图片呈现的宽度
                if (event!!.x > (edRealName.getWidth() - edRealName.getPaddingRight()
                            - drawable.getIntrinsicWidth())
                ) 
                    // 进入这表示图片被选中，可以处理相应的逻辑了
                    edRealName.setText("")
                
                return false

            ;
        );

效果图