HarmonyOS TextInput 验证码自动跳转：抓住焦点，玩转验证

2023-05-05 08:23:14

HarmonyOS验证码输入痛点及其解决方案

验证码，作为一种广泛运用于登录、注册、支付等场景的安全措施，在移动设备上通常以输入框的形式呈现。然而，HarmonyOS 系统的多输入框验证码模块却存在一些问题，给用户带来了诸多不便。

输入体验不佳

在HarmonyOS系统下，验证码输入时存在以下痛点：

光标自动跳转： 用户输入验证码时，光标会自动跳转至下一个输入框，这会干扰用户的输入节奏，降低输入效率，甚至导致误输。
删除操作繁琐： 当用户需要删除验证码时，系统会自动删除上一个输入框的内容，并使光标跳转至上一个输入框，这使得用户无法单独修改或删除某一个字符，只能逐个删除或重新输入整个验证码，增加了操作的繁琐性。

问题根源

通过分析HarmonyOS系统的源码，我们发现这些问题源于TextInput组件中autoCompleteType属性的默认值设置为"ccNumber"。此属性决定了TextInput组件的自动完成类型，当设置为"ccNumber"时，组件会自动将输入的字符转换为信用卡号码格式，并自动跳转至下一个输入框。

正是由于autoCompleteType属性的默认值设置为"ccNumber"，导致了验证码输入场景下出现的问题。

解决方案

要解决这些问题，我们需要修改TextInput组件的autoCompleteType属性。具体来说，有以下两种解决方案：

代码修改

在代码中，通过以下代码修改TextInput组件的autoCompleteType属性：

textInput.setAutoCompleteType(TextInputLayout.AUTO_COMPLETE_TYPE_NONE);

XML布局文件修改

在XML布局文件中，通过以下代码修改TextInput组件的autoCompleteType属性：

<com.huawei.android.inputmethod.TextInput
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:autoCompleteType="none" />

通过上述两种方法，我们可以将autoCompleteType属性修改为"none"，从而解决验证码输入时光标自动跳转和删除验证码时自动删除上一个输入框内容的问题。