Android基础UI控件 —— EditText常见用法
EditText文本编辑框常见用法：
- 动态设置明文密文显示
- 设置限制中文、英文、数字、特殊字符
- 设置最大输入长度
- 自定义布局添加清除按钮
- 处理软键盘遮盖
- 点击空白区域关闭软键盘
1. 动态设置明文密文显示
动态设置明文密码，一般使用在登录页面，密码输入框。
public class EditTextPassword extends AppCompatEditText {
/**
* 切换drawable的引用
*/
private Drawable visibilityDrawable;
private boolean visibililty = false;
public EditTextPassword(Context context) {
this(context, null);
init();
}
public EditTextPassword(Context context, AttributeSet attrs) {
//指定了默认的style属性
this(context, attrs, android.R.attr.editTextStyle);
init();
}
public EditTextPassword(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
private void init() {
visibilityDrawable = getResources().getDrawable(R.drawable.common_eyeopen);
visibilityDrawable.setBounds(0, 0, visibilityDrawable.getMinimumWidth(),
visibilityDrawable.getMinimumHeight());
setCompoundDrawablesWithIntrinsicBounds(null, null,
visibilityDrawable, null);
this.setTransformationMethod(PasswordTransformationMethod.getInstance());
}
/**
* 用按下的位置来模拟点击事件
* 当按下的点的位置 在 EditText的宽度 - (图标到控件右边的间距 + 图标的宽度) 和
* EditText的宽度 - 图标到控件右边的间距 之间就模拟点击事件，
*/
@Override
public boolean onTouchEvent(MotionEvent event) {
int action = event.getAction();
if (action == MotionEvent.ACTION_UP) {
if (getCompoundDrawables()[2] != null) {
boolean xFlag = false;
boolean yFlag = false;
//得到用户的点击位置，模拟点击事件
xFlag = event.getX() > getWidth() - (visibilityDrawable.getIntrinsicWidth() + getCompoundPaddingRight
()) &&
event.getX() < getWidth() - (getTotalPaddingRight() - getCompoundPaddingRight());
if (xFlag) {
visibililty = !visibililty;
if (visibililty) {
visibilityDrawable = getResources().getDrawable(R.drawable.common_eyeclose);
/*this.setInputType(EditorInfo.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD);*/
this.setTransformationMethod(HideReturnsTransformationMethod.getInstance());
} else {
//隐藏密码
visibilityDrawable = getResources().getDrawable(R.drawable.common_eyeopen);
//this.setInputType(EditorInfo.TYPE_TEXT_VARIATION_PASSWORD);
this.setTransformationMethod(PasswordTransformationMethod.getInstance());
}
//将光标定位到指定的位置
CharSequence text = this.getText();
if (text instanceof Spannable) {
Spannable spanText = (Spannable) text;
Selection.setSelection(spanText, text.length());
}
visibilityDrawable.setBounds(0, 0, visibilityDrawable.getMinimumWidth(),
visibilityDrawable.getMinimumHeight());
setCompoundDrawablesWithIntrinsicBounds(null, null,
visibilityDrawable, null);
}
}
}
return super.onTouchEvent(event);
}
}
2. 设置限制中文、英文、数字、特殊字符
符号的输入现在一般通过InputFilter接口来过滤， 通过正则来匹配输入的字符是否符合。
binding.etClear.setFilters(new InputFilter[]{new PatternInputFilter(REGEX_2)});
设置不同的正则表达式，现在不同的输入方式
/**
* 中文
*/
private final static String REGEX_1 = "[\u4e00-\u9fa5]+";
/**
* 中文、英文字母
*/
private final static String REGEX_2 = "[a-zA-Z|\u4e00-\u9fa5]+";
/**
* 英文字母、数字
*/
private final static String REGEX_3 = "[a-zA-Z0-9]+";
class PatternInputFilter implements InputFilter {
private String regex;
public PatternInputFilter(String regex) {
this.regex = regex;
}
@Override
public CharSequence filter(CharSequence source, int start, int end, Spanned dest, int dstart, int dend) {
Pattern p = Pattern.compile(regex);
Matcher m = p.matcher(source.toString());
if (!m.matches()) {
return "";
}
return null;
}
}
3. 设置最大输入长度
最简单的设置限制输入长度的方法，不管中英文都限制字符长度
android:maxLength="16"
通过EditText的inputfilter来做限制
binding.etPassword.setFilters( new InputFilter[]{ new InputFilter.LengthFilter( 16 )});
4. 自定义布局添加清除按钮
自定义EditTextClear控件，在输入文本后，显示清除文本内容按钮。
public class EditTextClear extends android.support.v7.widget.AppCompatEditText {
/**
* 步骤1：定义左侧搜索图标 & 一键删除图标
*/
private Drawable clearDrawable, searchDrawable;
public EditTextClear(Context context) {
super(context);
init();
}
public EditTextClear(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public EditTextClear(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
/**
* 步骤2：初始化 图标资源
*/
private void init() {
clearDrawable = getResources().getDrawable(R.drawable.common_clear);
searchDrawable = getResources().getDrawable(R.drawable.common_search);
setCompoundDrawablesWithIntrinsicBounds(searchDrawable, null,
null, null);
// setCompoundDrawablesWithIntrinsicBounds(Drawable left, Drawable top, Drawable right, Drawable bottom)介绍
// 作用：在EditText上、下、左、右设置图标（相当于android:drawableLeft="" android:drawableRight=""）
// 注1：setCompoundDrawablesWithIntrinsicBounds（）传入的Drawable的宽高=固有宽高（自动通过getIntrinsicWidth（）& getIntrinsicHeight（）获取）
// 注2：若不想在某个地方显示，则设置为null
// 此处设置了左侧搜索图标
// 另外一个相似的方法：setCompoundDrawables(Drawable left, Drawable top, Drawable right, Drawable bottom)介绍
// 与setCompoundDrawablesWithIntrinsicBounds（）的区别：可设置图标大小
// 传入的Drawable对象必须已经setBounds(x,y,width,height)，即必须设置过初始位置、宽和高等信息
// x:组件在容器X轴上的起点 y:组件在容器Y轴上的起点 width:组件的长度 height:组件的高度
}
/**
* 步骤3：通过监听复写EditText本身的方法来确定是否显示删除图标
* 监听方法：onTextChanged（） & onFocusChanged（）
* 调用时刻：当输入框内容变化时 & 焦点发生变化时
*/
@Override
protected void onTextChanged(CharSequence text, int start, int lengthBefore, int lengthAfter) {
super.onTextChanged(text, start, lengthBefore, lengthAfter);
// hasFocus()返回是否获得EditTEXT的焦点，即是否选中
// setClearIconVisible（） = 根据传入的是否选中 & 是否有输入来判断是否显示删除图标->>关注1
setClearIconVisible(hasFocus() && text.length() > 0);
}
@Override
protected void onFocusChanged(boolean focused, int direction, Rect previouslyFocusedRect) {
super.onFocusChanged(focused, direction, previouslyFocusedRect);
// focused = 是否获得焦点
// 同样根据setClearIconVisible（）判断是否要显示删除图标
setClearIconVisible(focused && length() > 0);
}
/**
* 作用：判断是否显示删除图标
*/
private void setClearIconVisible(boolean visible) {
setCompoundDrawablesWithIntrinsicBounds(searchDrawable, null,
visible ? clearDrawable : null, null);
}
/**
* 步骤4：对删除图标区域设置点击事件，即"点击 = 清空搜索框内容"
* 原理：当手指抬起的位置在删除图标的区域，即视为点击了删除图标 = 清空搜索框内容
*/
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
// 原理：当手指抬起的位置在删除图标的区域，即视为点击了删除图标 = 清空搜索框内容
case MotionEvent.ACTION_UP:
// 判断条件说明
// event.getX() ：抬起时的位置坐标
// getWidth()：控件的宽度
// getPaddingRight():删除图标图标右边缘至EditText控件右边缘的距离
// 即：getWidth() - getPaddingRight() = 删除图标的右边缘坐标 = X1
// getWidth() - getPaddingRight() - drawable.getBounds().width() = 删除图标左边缘的坐标 = X2
// 所以X1与X2之间的区域 = 删除图标的区域
// 当手指抬起的位置在删除图标的区域（X2=
Drawable drawable = clearDrawable;
if (drawable != null && event.getX() <= (getWidth() - getPaddingRight())
&& event.getX() >= (getWidth() - getPaddingRight() - drawable.getBounds().width())) {
setText("");
}
break;
default:
break;
}
return super.onTouchEvent(event);
}
}
5. 处理软键盘遮盖
6. 点击空白区域关闭软键盘
在页面Activity添加下面代码，或者在基类BaseActivity， 即可支持点击空白去吧关闭软键盘。
/**
* 点击事件x坐标
*/
private float downEventX;
/**
* 点击事件y坐标
*/
private float downEventY;
/**
* 获取点击事件
*/
@CallSuper
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
if (ev.getAction() == MotionEvent.ACTION_DOWN) {
// 记录按下坐标
downEventX = ev.getRawX();
downEventY = ev.getRawY();
} else if (ev.getAction() == MotionEvent.ACTION_UP
|| ev.getAction() == MotionEvent.ACTION_CANCEL) {
// 处理滑动时不关闭键盘
if (ev.getRawX() == downEventX && ev.getRawY() == downEventY) {
View view = getCurrentFocus();
if (isShouldHideKeyBord(view, ev)) {
hideSoftInput(view.getWindowToken());
}
}
}
return super.dispatchTouchEvent(ev);
}
/**
* 判定当前是否需要隐藏
*/
protected boolean isShouldHideKeyBord(View v, MotionEvent ev) {
if (v != null && (v instanceof EditText)) {
int[] l = {0, 0};
v.getLocationInWindow(l);
int left = l[0], top = l[1], bottom = top + v.getHeight(), right = left + v.getWidth();
return !(ev.getX() > left && ev.getX() < right && ev.getY() > top && ev.getY() < bottom);
}
return false;
}
/**
* 隐藏软键盘
*/
private void hideSoftInput(IBinder token) {
if (token != null) {
InputMethodManager manager = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);
manager.hideSoftInputFromWindow(token, InputMethodManager.HIDE_NOT_ALWAYS);
}
}