Android自定义EditText,实现分割输入内容效果

例如,输入一组25位的序列号,希望分成5组,每组5个数字。效果如下图。
[img]http://dl.iteye.com/upload/picture/pic/117579/ddd15315-5c4e-3ea1-9ce3-8d652a24eaa7.png[/img]

Android中没有发现类似的空间,只好自己动手了。

1.首先自定义控件继承EditText,实现相应方法。

package com.example.sequencenumber;

import android.content.Context;
import android.content.res.TypedArray;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.view.View;
import android.widget.EditText;

/**
* 分割输入框
*
* @author Administrator
*
*/
public class DivisionEditText extends EditText {

/* 内容数组 */
private String[] text;
/* 数组实际长度 (内容+分隔符) */
private Integer length;
/* 允许输入的长度 */
private Integer totalLength;
/* 每组的长度 */
private Integer eachLength;
/* 分隔符 */
private String delimiter;
/* 占位符 */
private String placeHolder;

public DivisionEditText(Context context) {
super(context);
}

public DivisionEditText(Context context, AttributeSet attrs) {
super(context, attrs);
try {
// 初始化属性
TypedArray typedArray = context.obtainStyledAttributes(attrs,
R.styleable.EditText);
this.totalLength = typedArray.getInteger(
R.styleable.EditText_totalLength, 0);
this.eachLength = typedArray.getInteger(
R.styleable.EditText_eachLength, 0);
this.delimiter = typedArray
.getString(R.styleable.EditText_delimiter);
if (this.delimiter == null || this.delimiter.length() == 0) {
this.delimiter = "-";
}
this.placeHolder = typedArray
.getString(R.styleable.EditText_placeHolder);
if (this.placeHolder == null || this.placeHolder.length() == 0) {
this.placeHolder = " ";
}
typedArray.recycle();

// 初始化
init();

// 内容变化监听
this.addTextChangedListener(new DivisionTextWatcher());
// 获取焦点监听
this.setOnFocusChangeListener(new DivisionFocusChangeListener());

} catch (Exception e) {
e.printStackTrace();
}
}

public DivisionEditText(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}

/**
* 初始化
*/
public void init() {
// 总共分几组
int groupNum = 0;
// 如果每组长度(除数)不为0,计算
if (this.eachLength != 0) {
groupNum = this.totalLength / this.eachLength;
}
// 实际长度
length = this.totalLength + this.eachLength != 0 ? this.totalLength
+ groupNum - 1 : 0;
// 初始化数组
text = new String[this.length];
// 如果数组大小大于0,初始化里面内容
// 空格占位,分隔符占位
if (length > 0) {
for (int i = 0; i < length; i++) {
if (i != 0 && (i + 1) % (this.eachLength + 1) == 0) {
text[i] = this.delimiter;
} else {
text[i] = placeHolder;
}
}
// 设置文本
mySetText();
// 设置焦点
mySetSelection();
}
}

/**
* 获取结果
*
* @return
*/
public String getResult() {
StringBuffer buffer = new StringBuffer();
for (String item : text) {
if (!placeHolder.equals(item) && !delimiter.equals(item)) {
buffer.append(item);
}
}
return buffer.toString();
}

/**
* 文本监听
*
* @author Administrator
*
*/
private class DivisionTextWatcher implements TextWatcher {

@Override
public void afterTextChanged(Editable s) {

}

@Override
public void beforeTextChanged(CharSequence s, int start, int count,
int after) {
}

@Override
public void onTextChanged(CharSequence s, int start, int before,
int count) {
// 如果当前长度小于数组长度,认为使用退格
if (s.length() < length) {
// 光标所在位置
int index = DivisionEditText.this.getSelectionStart();
// 删除的字符
String deleteStr = text[index];
// 如果是分隔符,删除分隔符前一个
if (delimiter.equals(deleteStr)) {
index--;
}
// 置空
text[index] = placeHolder;
// 查看前一个是否为分隔符
if (index - 1 >= 0) {
if (delimiter.equals(text[index - 1])) {
index--;
}
}
// 设置文本
mySetText();
// 设置焦点
mySetSelection(index);
}
// 只能一个一个字符输入
if (count == 1) {
// 从光标起始,是否还有空的位置
int index = isBlank(DivisionEditText.this.getSelectionStart());
// 如果还有
if (index != -1) {
// 输入框内的字符串
String allStr = s.toString();
// 输入的字符串
String inputStr = allStr.substring(start, start + count);
// 替换占位符
text[index] = inputStr;
}
// 设置文本
mySetText();
// 设置焦点
mySetSelection();
}
}
}

/**
* 获取焦点监听
*
* @author Administrator
*
*/
private class DivisionFocusChangeListener implements OnFocusChangeListener {

@Override
public void onFocusChange(View v, boolean hasFocus) {
if (hasFocus) {
// 设置焦点
mySetSelection(0);
}
}
}

/**
* 设置文本
*
* @param text
*/
private void mySetText() {
StringBuffer buffer = new StringBuffer();
for (String item : text) {
buffer.append(item);
}
// 设置文本
setText(buffer);
}

/**
* 设置焦点
*
* @param text
*/
private void mySetSelection() {
mySetSelection(fullSelection());
}

/**
* 设置焦点
*
* @param text
*/
private void mySetSelection(int index) {
DivisionEditText.this.setSelection(index);
}

/**
* 从光标位置起始,检查后面是否还有空的占位符
*
* @param text
* @param selection
* @return
*/
private int isBlank(int selection) {
int index = -1;
for (int i = selection - 1; i < length; i++) {
if (placeHolder.equals(text[i])) {
index = i;
break;
}
}
return index;
}

/**
* 最后一个不空的字符后的光标位置
*
* @param text
* @return
*/
private int fullSelection() {
int index = 0;
for (int i = 0; i < length; i++) {
if (!placeHolder.equals(text[i]) && !delimiter.equals(text[i])) {
index = i + 1;
}
}
return index;
}

public Integer getTotalLength() {
return totalLength;
}

public void setTotalLength(Integer totalLength) {
this.totalLength = totalLength;
}

public Integer getEachLength() {
return eachLength;
}

public void setEachLength(Integer eachLength) {
this.eachLength = eachLength;
}

public String getDelimiter() {
return delimiter;
}

public void setDelimiter(String delimiter) {
this.delimiter = delimiter;
}

public String getPlaceHolder() {
return placeHolder;
}

public void setPlaceHolder(String placeHolder) {
this.placeHolder = placeHolder;
}

}


2.在res/values下增加attrs.xml。

<?xml version="1.0" encoding="utf-8"?>
<resources>

<declare-styleable name="EditText">
<!-- 总共输入长度 -->
<attr name="totalLength" format="integer" />
<!-- 每组的长度 -->
<attr name="eachLength" format="integer" />
<!-- 分隔符 -->
<attr name="delimiter" format="string" />
<!-- 占位符 -->
<attr name="placeHolder" format="string" />
</declare-styleable>

</resources>


3.在布局文件中使用。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:fsms="http://schemas.android.com/apk/res/com.example.sequencenumber"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<com.example.sequencenumber.DivisionEditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
fsms:delimiter="-"
fsms:eachLength="5"
fsms:placeHolder="0"
fsms:totalLength="25" />

</LinearLayout>

其中xmlns:fsms="http://schemas.android.com/apk/res/com.example.sequencenumber","com.example.sequencenumber"部分为R.java的包。其他部分是不变的。
fsms:delimiter(分隔符),fsms:eachLength(每组的长度),fsms:placeHolder(占位符),fsms:totalLength(总长度)为自定义的属性。

关于自定义组件请查看:[url]http://kandy0619.blog.163.com/blog/static/64344345201012325939280/[/url]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值