![如何在iOS上制作OTP视图(详细实现指南)](http://img.readke.com/220420/1U22631a-0.jpg)
文章图片
![如何在iOS上制作OTP视图(详细实现指南)](http://img.readke.com/220420/1U22AL7-1.jpg)
文章图片
只需添加 5 个 UITextFields、添加处理程序、管理下一个响应者、管理退格/删除按钮、管理颜色更改、显示键盘、隐藏键盘、连接所有字符串。毕竟,这种更改设计以匹配你的应用程序外观 下划线、菱形、圆形、圆形然后显示或隐藏代码。
这很简单,不是吗?
【如何在iOS上制作OTP视图(详细实现指南)】如何在iOS上制作OTP视图?好吧,别担心,我会说的很简单。有一个 Pod 可以让这一切消失并自行处理所有事情。你所要做的就是创建一个视图并获取 OTP 字符串。就是这样。
![如何在iOS上制作OTP视图(详细实现指南)](http://img.readke.com/220420/1U22Ba2-2.jpg)
文章图片
1. iOS制作OTP视图示例开始:创建一个新的 Xcode 项目。文件 > 新建 > 项目
![如何在iOS上制作OTP视图(详细实现指南)](http://img.readke.com/220420/1U22AZ1-3.jpg)
文章图片
2. 选择名称,选择团队,将语言更改为 Swift,将用户界面更改为 Storyboard 并完成初始化项目
3. iOS如何制作OTP视图?添加 CocoaPods。CocoaPods 是 Swift 和 Objective-C Cocoa 项目的依赖管理器。它允许你在项目中安装库,也称为 Pod
‘sudo gem install cocoapods’
你必须使用 sudo 来安装 CocoaPods,但安装后就不需要使用 sudo。
4. 运行命令“pod init”,然后运行“pod install”
![如何在iOS上制作OTP视图(详细实现指南)](http://img.readke.com/220420/1U22CM9-4.jpg)
文章图片
Pod init 将为你的项目创建一个 Podfile,Pod install 将在你的项目中安装 pod。
![如何在iOS上制作OTP视图(详细实现指南)](http://img.readke.com/220420/1U2264531-5.jpg)
文章图片
5. 如何在iOS上制作OTP视图?Pod 安装后,打开 Finder,你将看到一个新文件 ProjectName.xcworkspace。现在关闭 .xcodeproj 文件并打开 .xcworkspace 文件。
6. 在项目中,打开 Podfile , Pods > podfile 并添加这个 Pod OTPFieldView
![如何在iOS上制作OTP视图(详细实现指南)](http://img.readke.com/220420/1U2263616-6.jpg)
文章图片
7. iOS制作OTP视图示例 - 在 # Pods for ProjectName 添加 Pod 'OTPFieldView'
8. 然后运行“pod Update”。Pod update 将命令 cocapods 安装/刷新 podfile 中所有列出的 pod
![如何在iOS上制作OTP视图(详细实现指南)](http://img.readke.com/220420/1U22B544-7.jpg)
文章图片
9. 现在你已经成功安装了 OTPFieldView。
10. iOS如何制作OTP视图?现在制作 OTP 视图。拖动并添加 UIView 并将其类和模块更改为 OTPTextField。另外,添加它的高度和宽度约束。
![如何在iOS上制作OTP视图(详细实现指南)](http://img.readke.com/220420/1U2263412-8.jpg)
文章图片
11. 在 ViewController 中,导入 OTPFieldView 并将 UI 元素添加到 ViewController。
![如何在iOS上制作OTP视图(详细实现指南)](http://img.readke.com/220420/1U2263454-9.jpg)
文章图片
12.添加如下代码自定义字段,可以根据需要自定义。在这里查看
![如何在iOS上制作OTP视图(详细实现指南)](http://img.readke.com/220420/1U22A106-10.jpg)
文章图片
hasEnteredAllOTP():当所有文本字段都已满时返回真。
shouldBecomeFirstResponderForOTP():自动显示键盘。
enterOTP():获取输入的引脚。
你的视图已准备就绪。现在你可以使用 OTP 轻松进行电话验证。
你喜欢你读的东西吗?在评论中让我知道你的想法!
推荐阅读
- 最值得使用的10个最佳Java框架合集
- 如何制作Chrome扩展(实现分步指南)
- 微服务面试题有哪些(50大面试题和答案合集)
- 雨林木风Ghost win7旗舰版设置系统下载
- 深度技术Ghost win7 sp1系统装机版64位自制步骤
- Ghost win7原版镜像32位系统旗舰版下载
- U盘安装系统win764位图文图文详细教程
- Ghost win7旗舰版32位激活码密钥图文图文详细教程
- 系统之家win7原版纯净版64位系统下载