Android 优雅的实现通用格式化编辑

 更新时间:2021年03月22日 09:47:17   作者:张坤的笔记  
这篇文章主要介绍了Android 优雅的实现通用格式化编辑,帮助大家更好的理解和学习使用Android,感兴趣的朋友可以了解下

格式化编辑的需求一般是从编辑手机号开始的,UI 给出的效果不是11个连续的数字,而是采用3、4、4的形式,每段中间会空一个字符。在技术实现的时候,一般会自定义一个控件 TelEditText 实现功能,随着项目迭代,格式化编辑的需求可能会增加,比如说身份证号、自定义的优惠券码等,这个时候再给每种情况自定义一个控件就没必要了,通过一个控件实现多种格式化编辑需求是更好的方案。

其实还可以更进一步,格式化编辑的核心逻辑就是给 EditText 添加一个 TextWatcher,通过 TextWatcher 中的文本变化回调来调整 EditText 中的文本,所以自定义 EditText 并不是必须的,对于开发者需要调用的字段和方法,可以通过扩展函数的方式提供。

使用

格式化编辑手机号

布局:

<androidx.appcompat.widget.AppCompatEditText
 android:id="@+id/etPhone"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:inputType="number" />

代码:

// format is ' '
etPhone.setFormatRules(3, 4, 4)

// format is '-'
etPhone.setFormatRules(3, 4, 4, formatChar = '-')

格式化编辑身份证号

布局:

<androidx.appcompat.widget.AppCompatEditText
 android:id="@+id/etIDNumber"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:digits="@string/digits_id_number"/>

资源:

<string name="digits_id_number">0123456789xX</string>

代码:

etIDNumber.setFormatRules(6, 4, 4, 4)

设置监听

etPhone.setOnFormatEditListener { isComplete, text ->
 if (isComplete) { // 编辑完成
  // 使用 toast 显示移除格式化的文本
  Toast.makeText(this, text, Toast.LENGTH_SHORT).show()
 }
}

移除格式化的文本

etPhone.textWithFormatRemoved

实现原理

自定义一个 TextWatcher,定义一个字段 formatChar,值为格式化字符,默认是空格。定义一个字段 formatCharIndexList,值为 EditText 文本中格式化字符所在位置的列表,比如对于格式化编辑手机号, formatCharIndexList 中的值为 [3, 8],既在 EditText 文本中格式化字符的位置应该是3和8。

var formatChar: Char = ' '

val formatCharIndexList = ArrayList<Int>()

EditText 文本发生变化后,如果 EditText 文本的最后一个字符为格式化字符,则删除最后一个字符;然后遍历 EditText 文本中的每一个字符,如果该字符的位置等于格式化字符位置但不是格式化字符,则在该位置插入一个格式化字符,如果该字符的位置不等于格式化字符的位置但又是格式化字符,则删除该格式化字符。

调用 insertFormatChar 或者 deleteChar 后,afterTextChanged 又会立即回调一次,可能会引起多次添加或删除,导致格式化错误。所以每次 afterTextChanged 回调最多进行一次操作,如果后续还需要操作,放在下一次 afterTextChanged 回调中进行。

override fun afterTextChanged(s: Editable?) {
 val value = s?.toString() ?: return
 if (value.isEmpty()) return
 
 if (value.last() == formatChar) {
  deleteChar(s, value.lastIndex)
  return
 }
 
 value.forEachIndexed { index, c ->
  if (formatCharIndexList.contains(index)) {
   if (c != formatChar) {
    insertFormatChar(s, index)
    return
   }
  } else {
   if (c == formatChar) {
    deleteChar(s, index)
    return
   }
  }
 }
 ...
}

项目地址

format-edit,觉得用起来很爽的,请不要吝啬你的 Star !

以上就是Android 优雅的实现通用格式化编辑的详细内容,更多关于Android 通用格式化编辑的资料请关注脚本之家其它相关文章!

相关文章

  • Android设置Padding和Margin(动态/静态)的方法实例

    Android设置Padding和Margin(动态/静态)的方法实例

    如何在java代码中设置margin,也就是组件与组件之间的间距,下面这篇文章主要给大家介绍了关于Android设置Padding和Margin(动态/静态)的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-11-11
  • flutter底部弹出BottomSheet详解

    flutter底部弹出BottomSheet详解

    这篇文章主要为大家详细介绍了flutter底部弹出BottomSheet,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • Android编程中Tween动画和Frame动画实例分析

    Android编程中Tween动画和Frame动画实例分析

    这篇文章主要介绍了Android编程中Tween动画和Frame动画,结合实例形式较为详细的分析了Android中Tween动画和Frame动画的相关实现技巧,需要的朋友可以参考下
    2015-12-12
  • Flutter 利用CustomScrollView实现滑动效果

    Flutter 利用CustomScrollView实现滑动效果

    我们可以使用ListView将几个GridView组合在一起实现了不同可滑动组件的粘合,但是这里必须要设置禁止 GridView 的滑动,防止多个滑动组件的冲突。这种方式写起来不太方便,事实上 Flutter 提供了 CustomScrollView 来粘合多个滑动组件,并且可以实现更有趣的滑动效果。
    2021-06-06
  • Android 录制音视频的完整代码

    Android 录制音视频的完整代码

    Android中,如果要录制音频的话有两个选择,一个是MediaRecorder,另一个就是AudioRecord,前者使用简单,后者就相对复杂点,本文通过代码给大家介绍Android 录制音视频的相关知识,一起看看吧
    2021-06-06
  • Android利用碎片fragment实现底部标题栏(Github模板开源)

    Android利用碎片fragment实现底部标题栏(Github模板开源)

    Fragment可以作为Activity的组成部分,一个Activity可以有多个Fragment,这篇文章主要介绍了Android利用碎片fragment实现底部标题栏(Github模板开源),需要的朋友可以参考下
    2019-12-12
  • Android封装Banner控件方法介绍

    Android封装Banner控件方法介绍

    android-banner实现了一般banner循环轮播的效果,一页只显示一张图片,也可以一页显示一张图和相邻两个图片的一部分,此项目仅仅是banner展示图片,没有多余的诸如指示器、页面切换动画等效果代码,详见效果图和案例代码
    2023-03-03
  • Android OnCreate()中获取控件高度与宽度两种方法详解

    Android OnCreate()中获取控件高度与宽度两种方法详解

    这篇文章主要介绍了Android OnCreate()中获取控件高度与宽度两种方法详解的相关资料,这里提供了两种方法,大家可以都看下,需要的朋友可以参考下
    2016-12-12
  • Android view更改背景资源与padding消失的问题解决办法

    Android view更改背景资源与padding消失的问题解决办法

    这篇文章主要介绍了Android view更改背景资源与padding消失的问题解决办法的相关资料,需要的朋友可以参考下
    2017-04-04
  • Android实现九宫格图案解锁

    Android实现九宫格图案解锁

    这篇文章主要为大家详细介绍了Android实现九宫格图案解锁,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06

最新评论