首页 > 解决方案 > 如何实现短信验证设计

问题描述

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

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

打字时如何使光标从一个框移动到下一个框?

ps:我正在使用 kotlin

在此处输入图像描述

标签: androidxmlandroid-layoutkotlin

解决方案


我会将这些框设置为 TextViews(而不是 EditText)——您不想打开软键盘,并且用户只能使用下面的按钮来输入验证码。

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

您可能希望 TextView 在将要填充下一个数字时突出显示,您可以使用状态列表背景来执行此操作。


推荐阅读