Android 自定义键盘

过时了

言简意赅直奔主题!

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

确实不方便输入完数字还要切回去输入英文,有的身份证最后一位是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) } } }

相关推荐
长亭外的少年6 小时前
Kotlin 编译失败问题及解决方案:从守护进程到 Gradle 配置
android·开发语言·kotlin
建群新人小猿8 小时前
会员等级经验问题
android·开发语言·前端·javascript·php
1024小神9 小时前
tauri2.0版本开发苹果ios和安卓android应用,环境搭建和最后编译为apk
android·ios·tauri
兰琛9 小时前
20241121 android中树结构列表(使用recyclerView实现)
android·gitee
Y多了个想法10 小时前
RK3568 android11 适配敦泰触摸屏 FocalTech-ft5526
android·rk3568·触摸屏·tp·敦泰·focaltech·ft5526
NotesChapter11 小时前
Android吸顶效果,并有着ViewPager左右切换
android
_祝你今天愉快12 小时前
分析android :The binary version of its metadata is 1.8.0, expected version is 1.5.
android
暮志未晚Webgl13 小时前
109. UE5 GAS RPG 实现检查点的存档功能
android·java·ue5
麦田里的守望者江13 小时前
KMP 中的 expect 和 actual 声明
android·ios·kotlin
Dnelic-13 小时前
解决 Android 单元测试 No tests found for given includes:
android·junit·单元测试·问题记录·自学笔记