如何实现短信验证设计

Question

我很想将这个优雅的验证码屏幕添加到我的应用中，但我完全不知道该怎么做

我应该将每个框实现为 TextInputEditText 吗？

如何在输入时使光标从一个框移动到下一个框？

ps：我正在使用 kotlin

Answer 1

我会将这些框设为 TextViews（而不是 EditText）——您不希望打开软键盘，并且用户只能使用下面的按钮来输入验证码。

当用户按下下面的数字时 - 在下一个可用的 TextView 中显示它，当每个 TextView 都填充有数字时 - 验证整个代码。退格按钮也应该起作用 - 清除以前填充的 TextView。

您可能希望在下一次按下数字时将 TextView 设置为突出显示，您可以使用状态列表背景来执行此操作。