Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/FJ917/FJEditTextCount
栗子——自定义EditText实现右下角计数控件
https://github.com/FJ917/FJEditTextCount
Last synced: 3 months ago
JSON representation
栗子——自定义EditText实现右下角计数控件
- Host: GitHub
- URL: https://github.com/FJ917/FJEditTextCount
- Owner: FJ917
- Created: 2016-10-10T06:38:05.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2017-09-27T16:13:37.000Z (about 7 years ago)
- Last Synced: 2024-05-22T06:12:45.080Z (6 months ago)
- Language: Java
- Homepage:
- Size: 112 KB
- Stars: 304
- Watchers: 6
- Forks: 70
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-github-android-ui - AnFQNumEditText - 自定义EditText实现右下角计数控件 (EditText)
README
> ### 栗子——自定义EditText实现右下角计数控件
---
---
> ### 栗子惯例，先上GIF
|PERCENTAGE百分比效果|SINGULAR单数效果|
|:-------------:|:-------------:|
|||
> ### 使用姿势
#### 1.引用
```
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
dependencies {
compile 'com.github.FJ917:FJEditTextCount:版本号'
//compile 'com.github.FJ917:FJEditTextCount:v1.0.1'
}
```
#### 2.使用
##### 支持参数&方法汇总
|参数|说明|
|---|---|
|etText|xml参数，设置默认文字|
|etTextSize|xml参数，输入文字大小|
|etTextColor|xml参数，输入文字颜色|
|etPromptTextSize|xml参数，提示统计文字大小|
|etPromptTextColor|xml参数，提示统计文字颜色|
|etHintColor|xml参数，提示文字颜色|
|etHint|xml参数，设置提示文字|
|etMinHeight|xml参数，设置最小高度|
|etMaxLength|xml参数，设置最大长度（总字数）|
|etType|xml参数，设置提示统计显示类型(单数singular；百分percentage)|
|etLineColor|xml参数，设置横线颜色|
|getText()|java方法，获取输入的文字|
|setText|java方法，设置默认文字|
|show()|v1.0.3(含)版本后不需要设置|
|etPromptPosition|xml参数，设置提示统计显示类型位置（promptUp上方；下方promptDn）|
---
##### v1.0.4版本
新增设置提示统计显示类型位置在横线上方或者横线下方
---
##### v1.0.3版本
这个版本有较大的改动，一些以往在java中设置的参数，移到了xml中进行设置，但是保留了java中设置的方法，但是不建议使用！
**变动的参数**
|变动前(java中的方法)|变动后(xml参数)|参数说明|
|---------|---------|---------|
|setEtHint()|etHint|设置提示文字|
|setEtMinHeight()|etMinHeight|设置最小高度|
|setLength()|etMaxLength|设置最大长度（总字数）|
|setType()|etType|设置提示统计显示类型(单数singular；百分percentage)|
|setLineColor()|etLineColor|设置横线颜色|
|show()|无|属性移到xml不需要设置|
|getText()|保留|获取输入的文字|
**xml新增参数**
|参数|说明|
|---|---|
|etText|xml参数，设置默认文字|
|etTextSize|xml参数，输入文字大小|
|etTextColor|xml参数，输入文字颜色|
|etPromptTextSize|xml参数，提示统计文字大小|
|etPromptTextColor|xml参数，提示统计文字颜色|
|etHintColor|xml参数，提示文字颜色|
|setText|java方法，设置默认文字|
###### xml示例
```
```
---
##### v1.0.2版本
使用方法和v1.0.1一致
新增获取输入内容的方法：` fjEdit.getText();`
---
##### v1.0.1版本
初次提交，实现基本功能~
###### xml
```
```
###### java
```
fjEdit = (FJEditTextCount) findViewById(R.id.fjEdit);
fjEdit.setEtHint("内容")//设置提示文字
.setEtMinHeight(200)//设置最小高度，单位px
.setLength(50)//设置总字数
//TextView显示类型(SINGULAR单数类型)(PERCENTAGE百分比类型)
.setType(FJEditTextCount.SINGULAR)
.setLineColor("#3F51B5")//设置横线颜色
.show();
```
---
> ### 实现原理
首先通过`LayoutInflater.from`获取到layout,然后`findViewById`拿到里面的控件，这里用了三个控件`EditText,TextView,View`,View是最下面的横线
```
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);
```
然后提供一些设置值的方法，如右下角的类型（这里有两种类型，即：单数类型和百分比类型）、最大字符的长度、EditText的Hint、横线的颜色。
设置`EditText`的监听TextWatcher（这里是参考了网上的一些代码，具体链接找不到了）
```
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();
}
/** 刷新剩余输入字数 */
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);
}
}
```
> ### 总结
> 这种EditText显示输入字数的控件在开发中经常用到，但是如果在多个地方用到的话都要做监听代码重复太多，所以做了一下封装，以便以后使用
---
> **个人博客：[WWW.FJ917.COM](http://www.fj917.com)**
> **简书：[www.jianshu.com/u/3d2770e6e489](http://www.jianshu.com/u/3d2770e6e489)**
> **CSDN：[blog.csdn.net/fj917](http://blog.csdn.net/fj917)**
|欢迎加入QQ交流群657206000[点我加入](http://shang.qq.com/wpa/qunwpa?idkey=9b454a6f01bd94d97e4c3f2771447a989ec77794eb5a563422263153c00f700d)|
|:---:|
||