IT门户网,专注电脑知识与技术及手机硬件信息服务网站!

当前位置:IT门户网 > 系统教程 >

Android 带排除成果的输入框控件ClearEditText,仿IOS的输入框

时间:2021-09-14    来源:IT门户网    人气:

本日给各人带来一个很实用的小控件ClearEditText,就是在Android系统的输入框右边插手一个小图标,点击小图标可以排除输入框内里的内容,iOS上面直接配置某个属性就可以实现这一成果,可是Android原生EditText不具备此成果,所以要想实现这一成果我们需要重写EditText,接下来就带各人来实现这一小小的成果 我们知道,我们可觉得我们的输入框在上下阁下配置图片,所以我们可以操作属性android:drawableRight配置我们的删除小图标,如图:

输入图片说明

我这里配置了左边和右边的图片,假如我们能为右边的图片配置监听,点击右边的图片排除输入框的内容并埋没删除图标,这样子这个小成果就迎刃而解了,但是Android并没有给答允我们给右边小图标加监听的成果,这时候你是不是发明这条路走不通呢,其实不是,我们大概模仿点击事件,用输入框的的onTouchEvent()要领来模仿, 当我们触摸抬起(就是ACTION_UP的时候)的范畴 大于输入框左侧到排除图标左侧的间隔,小与输入框左侧到排除图片右侧的间隔,我们则认为是点击排除图片,虽然我这里没有思量竖直偏向,只要给排除小图标就上了监听,其他的就都长处理惩罚了,我先把代码贴上来,在讲授下

package com.example.clearedittext; import android.content.Context; import android.graphics.drawable.Drawable; import android.text.Editable; import android.text.TextWatcher; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.View; import android.view.View.OnFocusChangeListener; import android.view.animation.Animation; import android.view.animation.CycleInterpolator; import android.view.animation.TranslateAnimation; import android.widget.EditText; public class ClearEditText extends EditText implements OnFocusChangeListener, TextWatcher { /** * 删除按钮的引用 */ PRivate Drawable mClearDrawable; /** * 控件是否有核心 */ private boolean hasFoucs; public ClearEditText(Context context) { this(context, null); } public ClearEditText(Context context, AttributeSet attrs) { //这里结构要领也很重要,不加这个许多属性不能再xml内里界说 this(context, attrs, android.R.attr.editTextStyle); } public ClearEditText(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); init(); } private void init() { //获取EditText的DrawableRight,如果没有配置我们就利用默认的图片 mClearDrawable = getCompoundDrawables()[2]; if (mClearDrawable == null) { // throw new NullPointerException("You can add drawableRight attribute in XML"); mClearDrawable = getResources().getDrawable(R.drawable.delete_selector); } mClearDrawable.setBounds(0, 0, mClearDrawable.getIntrinsicWidth(), mClearDrawable.getIntrinsicHeight()); //默认配置埋没图标 setClearIconVisible(false); //配置核心改变的监听 setOnFocusChangeListener(this); //配置输入框内里内容产生改变的监听 addTextChangedListener(this); } /** * 因为我们不能直接给EditText配置点击事件,所以我们用记着我们按下的位置来模仿点击事件 * 当我们按下的位置 在 EditText的宽度 - 图标到控件右边的间距 - 图标的宽度 和 * EditText的宽度 - 图标到控件右边的间距之间我们就算点击了图标,竖直偏向就没有思量 */ @Override public boolean onTouchEvent(MotionEvent event) { if (event.getAction() == MotionEvent.ACTION_UP) { if (getCompoundDrawables()[2] != null) { boolean touchable = event.getX() > (getWidth() - getTotalPaddingRight()) && (event.getX() < ((getWidth() - getPaddingRight()))); if (touchable) { this.setText(""); } } } return super.onTouchEvent(event); } /** * 当ClearEditText核心产生变革的时候,判定内里字符串长度配置排除图标的显示与埋没 */ @Override public void onFocusChange(View v, boolean hasFocus) { this.hasFoucs = hasFocus; if (hasFocus) { setClearIconVisible(getText().length() > 0); } else { setClearIconVisible(false); } } /** * 配置排除图标的显示与埋没,挪用setCompoundDrawables为EditText绘制上去 * @param visible */ protected void setClearIconVisible(boolean visible) { Drawable right = visible ? mClearDrawable : null; setCompoundDrawables(getCompoundDrawables()[0], getCompoundDrawables()[1], right, getCompoundDrawables()[3]); } /** * 当输入框内里内容产生变革的时候回调的要领 */ @Override public void onTextChanged(CharSequence s, int start, int count, int after) { if(hasFoucs){ setClearIconVisible(s.length() > 0); } } @Override public void beforeTextChanged(CharSequence s, int start, int count, int after) { } @Override public void afterTextChanged(Editable s) { } /** * 配置晃动动画 */ public void setShakeAnimation(){ this.setAnimation(shakeAnimation(5)); } /** * 晃动动画 * @param counts 1秒钟晃动几多下 * @return */ public static Animation shakeAnimation(int counts){ Animation translateAnimation = new TranslateAnimation(0, 10, 0, 0); translateAnimation.setInterpolator(new CycleInterpolator(counts)); translateAnimation.setDuration(1000); return translateAnimation; } }

相关文章

系统教程排行榜

更多>>

网络知识排行榜

更多>>

系统教程排行榜

更多>>

服务号