您的位置:首页 > 其它

自定义Editext控制输入字数限制的文本框Editext

2016-11-01 11:06 495 查看
    作为一个菜鸟程序员,刚开始一些很多牛逼的功能大部分人都自己写不出来,但是这并不影响我们对编程的热情,不会没关系,别人的东西我们看明白学会了就成自己了,编程的路上也不正是如此吗??下来看最近本人看到的一个比较实用的一个控件,相信很多朋友在项目中都会经常用到这个功能,废话不多说,还是看图比较一目了然。



好了,既然效果看到了,是不是确实比较实用呢??接下来看看具体的实现吧。。。。

首先我们新建一个类,让它extends RelativeLayout

重写

public AnFQNumEditText(Context context) {
this(context, null);
}
public AnFQNumEditText(Context context, AttributeSet attrs) {
super(context, attrs);
LayoutInflater.from(context).inflate(R.layout.anfq_num_edittext, this, true);
etContent = (EditText) findViewById(R.id.etContent);
tvNum = (TextView) findViewById(R.id.tvNum);
vLine = findViewById(R.id.vLine);
}


还有一些声明类型,这里我暂时给出,以后可以自定义
//类型1(单数类型):TextView显示总字数,然后根据输入递减.例:100,99,98
//类型2(百分比类型):TextView显示总字数和当前输入的字数,例:0/100,1/100,2/100
public static final String SINGULAR = "Singular";//类型1(单数类型)
public static final String PERCENTAGE = "Percentage";//类型2(百分比类型)
private EditText etContent;//文本框
private TextView tvNum;//字数显示TextView
private View vLine;//底部横线
private String TYPES = SINGULAR;//类型
private int MaxNum = 100;//最大字符


接下来设置一些必要的属性

这里我们将这些属性进行一个简单的封装,到时候用的话可以根据自己的需要进行不同的set属性

/**
 * 设置显示
* @return
 */
public AnFQNumEditText show(){
if(TYPES.equals(SINGULAR)){//类型1
tvNum.setText(String.valueOf(MaxNum));
    }else if(TYPES.equals(PERCENTAGE)){//类型2
tvNum.setText(0+"/"+MaxNum);
    }
//设置长度
etContent.setFilters(new InputFilter[]{new InputFilter.LengthFilter(MaxNum)});
//监听输入
etContent.addTextChangedListener(mTextWatcher);
return this;
}
/**
 * 设置横线颜色
* @param color --颜色值
* @return
 */
public AnFQNumEditText setLineColor(String color){
vLine.setBackgroundColor(Color.parseColor(color));
return this;
}
/**
 * 设置类型
* @param type --类型
* @return
 */
public AnFQNumEditText setType(String type){
TYPES = type;
return this;
}
/**
 * 设置最大字数
* @param num --字数
* @return
 */
public AnFQNumEditText setLength(int num){
this.MaxNum = num;
return this;
}
/**
 * 设置文本框的Hint
 * @param str --设置内容
* @return
 */
public AnFQNumEditText setEtHint(String str){
etContent.setHint(str);
return this;
}
/**
 * 设置文本框的最小高度
* @param px --最小高度(单位px)
 * @return
 */
public AnFQNumEditText setEtMinHeight(int px){
etContent.setMinHeight(px);
return this;
}
private TextWatcher mTextWatcher = new TextWatcher() {
private int editStart;
private int editEnd;
public void afterTextChanged(Editable s) {
editStart = etContent.getSelectionStart();
editEnd = etContent.getSelectionEnd();
// 先去掉监听器,否则会出现栈溢出
etContent.removeTextChangedListener(mTextWatcher);
// 注意这里只能每次都对整个EditText的内容求长度,不能对删除的单个字符求长度
// 因为是中英文混合,单个字符而言,calculateLength函数都会返回1
while (calculateLength(s.toString()) > MaxNum) { // 当输入字符个数超过限制的大小时,进行截断操作
s.delete(editStart - 1, editEnd);
editStart--;
editEnd--;
        }
// 恢复监听器
etContent.addTextChangedListener(mTextWatcher);
setLeftCount();
    }
public void beforeTextChanged(CharSequence s, int start, int count,int after) {}
public void onTextChanged(CharSequence s, int start, int before,int count) {}
};
/** 刷新剩余输入字数 */
private void setLeftCount() {
if(TYPES.equals(SINGULAR)){//类型1
tvNum.setText(String.valueOf((MaxNum - getInputCount())));
    }else if(TYPES.equals(PERCENTAGE)){//类型2
tvNum.setText(MaxNum-(MaxNum - getInputCount())+"/"+MaxNum);
    }
}
/** 获取用户输入内容字数 */
private long getInputCount() {
return calculateLength(etContent.getText().toString());
}
接下来我们换得考虑一下关于字数的问题,因为输入英文和汉字所占的单位字数是不一样的。包括英文标点符号和中文的标点符号所占的字数都是不一样的
这里我们再写一个方法进行这些逻辑处理

/**
 * 计算分享内容的字数,一个汉字=两个英文字母,一个中文标点=两个英文标点
* 注意:该函数的不适用于对单个字符进行计算,因为单个字符四舍五入后都是1
 * @param cs
* @return
 */
public static long calculateLength(CharSequence cs) {
double len = 0;
for (int i = 0; i < cs.length(); i++) {
int tmp = (int) cs.charAt(i);
if (tmp > 0 && tmp < 127) {
len += 1;
        } else {
len++;
        }
    }
return Math.round(len);
}
好了,到这里就一个自定义的editext完成了。下来我们看一下调用,在MainActivity中

anetDemo = (AnFQNumEditText) findViewById(R.id.anetDemo);
anetDemo.setEtHint("请任意输入内容")//设置提示文字
.setEtMinHeight(200)//设置最小高度,单位px
.setLength(30)//设置总字数
.setType(AnFQNumEditText.PERCENTAGE)//TextView显示类型(SINGULAR单数类型)(PERCENTAGE百分比类型)
.setLineColor("#3ee223")//设置横线颜色
.show();
没错,就是这几行代码就ok了。运行后就会出现上面截图的效果。是不是很简单,很实用呢。
最后在附上源码




                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息