1.3 带切换Icon的密码文本框 [iOS开发中的神兵利器]
原文:http://coolketang.com/staticCoding/5a995087d50eee2ea3050e72.html
1. 您将在本节课中创建一个带有图标的密码文本框。首先确保在您的项目中,已经安装了所需的第三方库,双击查看此处的Pod配置文件。
2. 根据配置文件中的相关设置,安装第三方库。安装完成之后,双击打开此处的项目文件。
3. 项目中已经引入了一张图片,该图片将被用作密码文本框的标识图标。
4. 接着在左侧的项目导航区,打开视图控制器的代码文件。
5. 现在开始编写代码,创建一个带有标识图标的密码文本框。
6. 首先在当前的类文件中,引入已经安装的第三方类库。
7. 初始化一个密码文本输入框。
8. 设置密码文本框的背景颜色为紫色。
9. 设置密码文本框的显示区域。
10. 然后设置密码文本框的圆角半径为5。
11. 设置密码文本框的文本颜色为浅灰色。
12. 设置密码文本框的按钮显示方式为始终显示。
13. 设置密码文本框的图片前景颜色为橙色。
14. 设置密码文本框的安全文本图标在显示状态时的图片。
15. 接着设置密码文本框的安全文本图标在隐藏状态时的图片。
16. 最后将密码文本框,添加到当前视图控制器的根视图中,完成代码的输入工作。接着点击左上角的[编译并运行]按钮,启动模拟器预览项目。
17. 在弹出的模拟器上方的密码输入框内点击,开始输入密码文本。
18. 在弹出的模拟键盘上点击,输入一个英文字符。
19. 接着继续点击输入其它的英文字符。
20.
21.
22. 此时点击密码框右侧的安全图标,可以将密码转为明文显示的状态。
23. 再次点击密码框右侧的安全图标,可以将密码恢复为密文显示的状态。
本文整理自:《app开发中的神兵利器》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1209739676,或扫描本页底部的二维码。课程配套素材下载地址:资料下载