热门标签 | HotTags
当前位置:  开发笔记 > 开发工具 > 正文

AndroidEditText每4位自动添加空格效果

基本功能 刚拿到需求,很简单的一个功能,二话不说,很快就出来了: 完美!顺利上线! 没过几天领导拿着手机过来说:“这一堆数

基本功能

刚拿到需求,很简单的一个功能,二话不说,很快就出来了:

完美!顺利上线!

没过几天领导拿着手机过来说:“这一堆数字在一起看着很费劲,像其他App一样,加个空格吧!”

于是就有了这个demo。

拓展功能

下面就来在基本功能上做拓展:每4位,自动添加空格。

看似很小的功能,在开发的过程中,遇到了非常多的问题与难点:

  • EditText输入框监听死循环
  • 输入框中的空格无法删除(删除又添加)
  • 从中间删除一个数字产生的一系列问题
  • 输入框光标位置的控制问题

之前踩坑的过程就不再赘述了,太心酸....

经过一系列的实验,最后定下来的思路如下:

  • 当输入框的内容改变时,就将内容取出拆分为一个一个的字符,在每4位的中间添加空格,最后一个4位不能添加。用这种拼接字符的方法是为了解决当用户删除中间的数字,会导致空格位置错位的问题。
  • 当用户删除中间的字符时,要记录该动作并且记录光标位置,保证重新排序完成后,光标的位置在应该在的位置。

大概就这2步,就可以实现这个功能,下面一步一来,我们先实现空格的添加,保证内容永远满足4位后一个空格:

下面先看EditText的监听:

et_credit_number.addTextChangedListener(new TextWatcher() {
 @Override
 public void beforeTextChanged(CharSequence s, int start, int count, int after) {
 }
 @Override
 public void onTextChanged(CharSequence s, int start, int before, int count) {
 }
 @Override
 public void afterTextChanged(Editable s) {
  //获取输入框中的内容,不可以去空格
  String etCOntent= EditTextUtils.getText(et_credit_number);
  if (TextUtils.isEmpty(etContent)) {
   bt_submit.setEnabled(false);
   return;
  }
  //重新拼接字符串
  String newCOntent= AppUtils.addSpeaceByCredit(etContent);
  //如果有改变,则重新填充
  //防止EditText无限setText()产生死循环
  if (!etContent.equals(newContent)) {
   et_credit_number.setText(newContent);
   //保证光标在最后,因为每次setText都会导致光标重置
   //这样最基本地解决了光标乱跳的问题
   et_credit_number.setSelection(newContent.length());
  }
  //判断是否满足信用卡格式,注意去空格判断
  if (MatcheUtils.isCreditNumber(newContent.replaceAll(" ", ""))) {
   bt_submit.setEnabled(true);
   return;
  }
  bt_submit.setEnabled(false);
 }
});

没有难点,重新拼接字符串我单独封装了出来:

public static String addSpeaceByCredit(String content) {
 if (TextUtils.isEmpty(content)) {
  return "";
 }
 //去空格
 cOntent= content.replaceAll(" ", "");
 if (TextUtils.isEmpty(content)) {
  return "";
 }
 //卡号限制为16位
 if (content.length() > 16) {
  cOntent= content.substring(0, 16);
 }
 StringBuilder newString = new StringBuilder();
 for (int i = 1; i <= content.length(); i++) {
  //当为第4位时,并且不是最后一个第4位时
  //拼接字符的同时,拼接一个空格
  //如果在最后一个第四位也拼接,会产生空格无法删除的问题
  //因为一删除,马上触发输入框改变监听,又重新生成了空格
  if (i % 4 == 0 && i != content.length()) {
   newString.append(content.charAt(i - 1) + " ");
  } else {
  //如果不是4位的倍数,则直接拼接字符即可
   newString.append(content.charAt(i - 1));

  }
 }
 return newString.toString();
}

这里每一步的含义,我都写了注释,应该问题不大,下面运行一下:

完美!空格正常添加了!

但是光标乱跳的问题,我特地演示了一下。

用字符排序的方式来做这个功能的原因是这个,当用户从中间删除字符时,我们需要将所有添加的空格位置都进行审查,并重新进行空格的添加,所以我认为重新排序字符是非常恰当的一种做法。当然这仅仅是我的愚见,可能有更优的做法。

现在我们就要进行第二步,当用户删除中间字符时,我们要判断用户本次操作是删除字符,并且保存本次删除的光标位置,在删除完成、排序完成之后,将光标移动到保存的光标位置。

思路有了,下面就看最终代码好了。

功能展示

输入框监听的代码:

et_credit_number.addTextChangedListener(new TextWatcher() {
 @Override
 public void beforeTextChanged(CharSequence s, int start, int count, int after) {
 }
 @Override
 public void onTextChanged(CharSequence s, int start, int before, int count) {
  //因为重新排序之后setText的存在
  //会导致输入框的内容从0开始输入,这里是为了避免这种情况产生一系列问题
  if (start == 0 && count > 0) {
   return;
  }
  String editTextCOntent= EditTextUtils.getText(et_credit_number);
  if (TextUtils.isEmpty(editTextContent) || TextUtils.isEmpty(lastString)) {
   return;
  }
  editTextCOntent= AppUtils.addSpeaceByCredit(editTextContent);
  //如果最新的长度 <上次的长度,代表进行了删除
  if (editTextContent.length() <= lastString.length()) {
   deleteSelect = start;
  } else {
   deleteSelect = editTextContent.length();
  }
 }
 @Override
 public void afterTextChanged(Editable s) {
  //获取输入框中的内容,不可以去空格
  String etCOntent= EditTextUtils.getText(et_credit_number);
  if (TextUtils.isEmpty(etContent)) {
   bt_submit.setEnabled(false);
   return;
  }
  //重新拼接字符串
  String newCOntent= AppUtils.addSpeaceByCredit(etContent);
  //保存本次字符串数据
  lastString = newContent;
  //如果有改变,则重新填充
  //防止EditText无限setText()产生死循环
  if (!etContent.equals(newContent)) {
   et_credit_number.setText(newContent);
   //保证光标的位置
   et_credit_number.setSelection(deleteSelect > newContent.length() &#63; newContent.length() : deleteSelect);
  }
  //判断是否满足信用卡格式,注意去空格判断
  if (MatcheUtils.isCreditNumber(newContent.replaceAll(" ", ""))) {
   bt_submit.setEnabled(true);
   return;
  }
  bt_submit.setEnabled(false);
 }
});

这边主要利用了onTextChanged()的监听,判断用户操作是删除操作时,保存光标的位置。

小结

项目我已经上传到了我的GitHub,有兴趣的同学可以去参考一下。

这个功能的坑远远超出了我的想象,我才不会说这个项目我就运行了100遍而已!

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对的支持。


推荐阅读
  • 资源推荐 | TensorFlow官方中文教程助力英语非母语者学习
    来源:机器之心。本文详细介绍了TensorFlow官方提供的中文版教程和指南,帮助开发者更好地理解和应用这一强大的开源机器学习平台。 ... [详细]
  • Explore a common issue encountered when implementing an OAuth 1.0a API, specifically the inability to encode null objects and how to resolve it. ... [详细]
  • 探讨一个显示数字的故障计算器,它支持两种操作:将当前数字乘以2或减去1。本文将详细介绍如何用最少的操作次数将初始值X转换为目标值Y。 ... [详细]
  • 本文详细介绍了Java编程语言中的核心概念和常见面试问题,包括集合类、数据结构、线程处理、Java虚拟机(JVM)、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题,帮助读者更好地理解Java的关键特性和最佳实践。 ... [详细]
  • Android LED 数字字体的应用与实现
    本文介绍了一种适用于 Android 应用的 LED 数字字体(digital font),并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景,能够增强视觉效果。 ... [详细]
  • RecyclerView初步学习(一)
    RecyclerView初步学习(一)ReCyclerView提供了一种插件式的编程模式,除了提供ViewHolder缓存模式,还可以自定义动画,分割符,布局样式,相比于传统的ListVi ... [详细]
  • 扫描线三巨头 hdu1928hdu 1255  hdu 1542 [POJ 1151]
    学习链接:http:blog.csdn.netlwt36articledetails48908031学习扫描线主要学习的是一种扫描的思想,后期可以求解很 ... [详细]
  • 本文详细介绍了如何在 Spring Boot 应用中通过 @PropertySource 注解读取非默认配置文件,包括配置文件的创建、映射类的设计以及确保 Spring 容器能够正确加载这些配置的方法。 ... [详细]
  • This document outlines the recommended naming conventions for HTML attributes in Fast Components, focusing on readability and consistency with existing standards. ... [详细]
  • 本文详细介绍了Java中org.w3c.dom.Text类的splitText()方法,通过多个代码示例展示了其实际应用。该方法用于将文本节点在指定位置拆分为两个节点,并保持在文档树中。 ... [详细]
  • 本文详细介绍了 Apache Jena 库中的 Txn.executeWrite 方法,通过多个实际代码示例展示了其在不同场景下的应用,帮助开发者更好地理解和使用该方法。 ... [详细]
  • 在现代网络环境中,两台计算机之间的文件传输需求日益增长。传统的FTP和SSH方式虽然有效,但其配置复杂、步骤繁琐,难以满足快速且安全的传输需求。本文将介绍一种基于Go语言开发的新一代文件传输工具——Croc,它不仅简化了操作流程,还提供了强大的加密和跨平台支持。 ... [详细]
  • 题目Link题目学习link1题目学习link2题目学习link3%%%受益匪浅!-----&# ... [详细]
  • 解决微信电脑版无法刷朋友圈问题:使用安卓远程投屏方案
    在工作期间想要浏览微信和朋友圈却不太方便?虽然微信电脑版目前不支持直接刷朋友圈,但通过远程投屏技术,可以轻松实现在电脑上操作安卓设备的功能。 ... [详细]
  • 网络运维工程师负责确保企业IT基础设施的稳定运行,保障业务连续性和数据安全。他们需要具备多种技能,包括搭建和维护网络环境、监控系统性能、处理突发事件等。本文将探讨网络运维工程师的职业前景及其平均薪酬水平。 ... [详细]
author-avatar
j7988l28
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有