Android 自定义键盘

椰小椰2024-04-22 16:25

过时了

言简意赅直奔主题!

项目有需求用户输入身份证的时候数字英文来回切不方便搞个自定义键盘吧

确实不方便输入完数字还要切回去输入英文,有的身份证最后一位是X

说干就干直接自定义View集成KeyboardView 好家伙 过时了!好吧反正也是就输入数字和X 用KeyboardView写本来就不少 那就自己画吧...

这是画完的效果

贴下代码吧 虽然你们可能也不会用毕竟太丑了

主要就是最外层设置focusableInTouchMode属性让页面进入的时候先不要获取焦点```

ini 复制代码 
<androidx.appcompat.widget.AppCompatEditText
    android:id="@+id/mSystemET"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="系统键盘输入"
    app:layout_constraintTop_toTopOf="parent" />

<androidx.appcompat.widget.AppCompatEditText
    android:id="@+id/mCustomET"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="自定义键盘输入"
    android:maxLength="18"
    app:layout_constraintTop_toBottomOf="@id/mSystemET" />

<androidx.constraintlayout.widget.ConstraintLayout
    android:id="@+id/mKeyBoardCL"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:layout_constraintBottom_toBottomOf="parent">

    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/one"
        style="@style/keyboardItem"
        android:text="1" />

    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/two"
        style="@style/keyboardItem"
        android:text="2" />

    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/three"
        style="@style/keyboardItem"

        android:text="3" />

    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/four"
        style="@style/keyboardItem"
        android:text="4" />

    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/five"
        style="@style/keyboardItem"
        android:text="5" />

    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/six"
        style="@style/keyboardItem"
        android:text="6" />

    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/seven"
        style="@style/keyboardItem"
        android:text="7" />

    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/eight"
        style="@style/keyboardItem"
        android:text="8" />

    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/nine"
        style="@style/keyboardItem"
        android:text="9" />

    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/x"
        style="@style/keyboardItem"
        android:text="X" />

    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/zero"
        style="@style/keyboardItem"
        android:text="0" />

    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/delete"
        style="@style/keyboardItem"
        android:background="@android:color/holo_red_light"
        android:text="DEL" />

    <androidx.constraintlayout.helper.widget.Flow
        android:id="@+id/mKeyBoardFlow"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginHorizontal="100dp"
        app:constraint_referenced_ids="one,two,three,four,five,six,seven,eight,nine,x,zero,delete"
        app:flow_maxElementsWrap="3"
        app:flow_wrapMode="chain"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/mCloseKB"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:background="@android:color/holo_green_light"
        android:gravity="center"
        android:text="关闭"
        android:textColor="@color/white"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@id/mKeyBoardFlow"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

style里面配置了公用的属性

<item name="android:layout_width">0dp</item> <item name="android:layout_height">60dp</item> <item name="android:gravity">center</item> <item name="android:background">@android:color/holo_blue_light</item> <item name="android:textColor">@android:color/white</item>

接着就是在我们的Activity中设置一些键盘的展示和隐藏的逻辑

// 设置我们的自定义键盘所搭配的EditText不会弹出系统键盘 mBinding.mCustomET.showSoftInputOnFocus = false mBinding.mCustomET.setOnFocusChangeListener { _, hasFocus -> if (hasFocus) { //自定义键盘输入框获取焦点的时候隐藏系统软键盘并展示我们自己的键盘 hideSoftKeyboard(this) mBinding.mKeyBoardCL.visibility = View.VISIBLE } else { //失去焦点的时候把我们的键盘也隐藏掉 mBinding.mKeyBoardCL.visibility = View.GONE } } mBinding.mCustomET.setOnClickListener { //当输入框被点击的时候展示我们的软键盘 mBinding.mKeyBoardCL.visibility = View.VISIBLE }

隐藏系统键盘的方法

private fun hideSoftKeyboard(activity: Activity) { val view: View? = activity.currentFocus if (view != null) { val inputMethodManager = activity.getSystemService(INPUT_METHOD_SERVICE) as InputMethodManager inputMethodManager.hideSoftInputFromWindow( view.windowToken, InputMethodManager.HIDE_NOT_ALWAYS) } }

接下来处理我们的点击事件

//根据点击的按钮如果是数字和X就是增加X则为删除 mBinding.mKeyBoardCL.children.forEach { if (it is TextView) { it.setOnClickListener { _ -> when (it.text.toString()) { "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "X" -> { keyboardAdd(it.text.toString()) } "DEL" -> { keyboardRemove() } "关闭" -> { mBinding.mKeyBoardCL.visibility = View.GONE } } } } }

插入的方法

/** * 增加字符 */ private fun keyboardAdd(str: String) { // 当前文字 val currentText = StringBuilder(mBinding.mCustomET.text.toString()) // 身份证输入满18位禁止输入 if (currentText.length >= 18) return // 当前游标位置 val currentIndex = mBinding.mCustomET.selectionStart var inputFlag = true // X只允许出现在18位 if (str == "X" && currentIndex != 17) { inputFlag = false } if (inputFlag) { currentText.insert(currentIndex, str) mBinding.mCustomET.text = Editable.Factory.getInstance().newEditable(currentText.toString()) mBinding.mCustomET.setSelection(currentIndex + 1) } }

删除字符的方法

/*** 移除字符*/ private fun keyboardRemove() { // 当前文字 val currentText = StringBuilder(mBinding.mCustomET.text.toString()) // 当前游标位置 val currentIndex = mBinding.mCustomET.selectionStart // 文字判空 并且游标不在最前端 if (currentText.isNotEmpty() && currentIndex != 0) { // 删除游标前一个字符 currentText.deleteCharAt(currentIndex - 1) // 为EditText赋值 mBinding.mCustomET.text = Editable.Factory.getInstance().newEditable(currentText.toString()) // 游标往前移动一格 mBinding.mCustomET.setSelection(currentIndex - 1) } }

less 复制代码 
完结散花

  

![](https://upload-images.jianshu.io/upload_images/13649967-f7c03d52fad91be9.gif)

  

下面按照惯例放出Activity完整代码

class KeyBoardActivity : BaseActivityV2() { override fun event() { mBinding.mKeyBoardCL.visibility = View.GONE // 设置我们的自定义键盘所搭配的EditText不会弹出系统键盘 mBinding.mCustomET.showSoftInputOnFocus = false

ini 复制代码 
mBinding.mCustomET.setOnFocusChangeListener { _, hasFocus ->
  if (hasFocus) {
    // 自定义键盘输入框获取焦点的时候隐藏系统软键盘并展示我们自己的键盘
    hideSoftKeyboard(this)
    mBinding.mKeyBoardCL.visibility = View.VISIBLE
  } else {
    // 失去焦点的时候把我们的键盘也隐藏掉
    mBinding.mKeyBoardCL.visibility = View.GONE
  }
}
mBinding.mCustomET.setOnClickListener {
  // 当输入框被点击的时候展示我们的软键盘
  mBinding.mKeyBoardCL.visibility = View.VISIBLE
}

}

override fun click() { mBinding.mKeyBoardCL.children.forEach { if (it is TextView) { it.setOnClickListener { _ -> when (it.text.toString()) { "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "X" -> { keyboardAdd(it.text.toString()) } "DEL" -> { keyboardRemove() } "关闭" -> { mBinding.mKeyBoardCL.visibility = View.GONE } } } } } } /*** 移除字符*/ private fun keyboardRemove() { // 当前文字 val currentText = StringBuilder(mBinding.mCustomET.text.toString()) // 当前游标位置 val currentIndex = mBinding.mCustomET.selectionStart // 文字判空 并且游标不在最前端 if (currentText.isNotEmpty() && currentIndex != 0) { // 删除游标前一个字符 currentText.deleteCharAt(currentIndex - 1) // 为EditText赋值 mBinding.mCustomET.text = Editable.Factory.getInstance().newEditable(currentText.toString()) // 游标往前移动一格 mBinding.mCustomET.setSelection(currentIndex - 1) } } /** * 增加字符 */ private fun keyboardAdd(str: String) { // 当前文字 val currentText = StringBuilder(mBinding.mCustomET.text.toString()) // 身份证输入满18位禁止输入 if (currentText.length >= 18) return // 当前游标位置 val currentIndex = mBinding.mCustomET.selectionStart var inputFlag = true // X只允许出现在18位 if (str == "X" && currentIndex != 17) { inputFlag = false } if (inputFlag) { currentText.insert(currentIndex, str) mBinding.mCustomET.text = Editable.Factory.getInstance().newEditable(currentText.toString()) mBinding.mCustomET.setSelection(currentIndex + 1) } }

private fun hideSoftKeyboard(activity: Activity) { val view: View? = activity.currentFocus if (view != null) { val inputMethodManager = activity.getSystemService(INPUT_METHOD_SERVICE) as InputMethodManager inputMethodManager.hideSoftInputFromWindow( view.windowToken, InputMethodManager.HIDE_NOT_ALWAYS) } } }

相关推荐
拭心34 分钟前
Google 提供的 Android 端上大模型组件：MediaPipe LLM 介绍
android
带电的小王3 小时前
WhisperKit: Android 端测试 Whisper -- Android手机(Qualcomm GPU)部署音频大模型
android·智能手机·whisper·qualcomm
梦想平凡3 小时前
PHP 微信棋牌开发全解析：高级教程
android·数据库·oracle
元争栈道4 小时前
webview和H5来实现的android短视频(短剧)音视频播放依赖控件
android·音视频
阿甘知识库4 小时前
宝塔面板跨服务器数据同步教程：双机备份零停机
android·运维·服务器·备份·同步·宝塔面板·建站
元争栈道5 小时前
webview+H5来实现的android短视频(短剧)音视频播放依赖控件资源
android·音视频
MuYe5 小时前
Android Hook - 动态加载so库
android
居居飒6 小时前
Android学习(四)-Kotlin编程语言-for循环
android·学习·kotlin
Henry_He9 小时前
桌面列表小部件不能点击的问题分析
android
工程师老罗9 小时前
Android笔试面试题AI答之Android基础（1）
android
热门推荐
01〔AI 绘画〕Stable Diffusion 之 解决绘制多人或面部很小的人物时面部崩坏问题 篇02YOLOv8训练好模型后，追加轮数继续训练、或者提前终止训练，缩减训练轮数03玄机平台应急响应—webshell查杀04机器人编程怎么入门？05HCIA-datacom数通题库和录播视频资料06Docker 夺命连环 15 问07SQL 主从数据库实时备份08校验 GPT-4 真实性的三个经典问题：快速区分 GPT-3.5 与 GPT-4，并提供免费测试网站09(欧拉)openEuler系统添加网卡文件配置流程、(欧拉)openEuler系统手动配置ipv6地址流程、(欧拉)openEuler系统网络管理说明10VSCode插件 —— Cody AI （免费AI助手！）