1.3 带切换Icon的密码文本框 [iOS开发中的神兵利器]

1. 您将在本节课中，创建一个带有图标的密码文本框。首先确保在您的项目中，已经安装了所需的第三方库，双击查看此处的Pod配置文件。

image

2. 根据配置文件中的相关设置，安装第三方库。安装完成之后，双击打开此处的项目文件。

image

3. 项目中已经引入了一张图片，该图片将被用作密码文本框的标识图标。

image

4. 接着在左侧的项目导航区，打开视图控制器的代码文件。

image

5. 现在开始编写代码，创建一个带有标识图标的密码文本框。

image

6. 首先在当前的类文件中，引入已经安装的第三方类库。

image

7. 初始化一个密码文本输入框。

image

8. 设置密码文本框的背景颜色为紫色。

image

9. 设置密码文本框的显示区域。

image

10. 然后设置密码文本框的圆角半径为5。

image

11. 设置密码文本框的文本颜色为浅灰色。

image

12. 设置密码文本框的按钮显示方式为始终显示。

image

13. 设置密码文本框的图片前景颜色为橙色。

image

14. 设置密码文本框的安全文本图标，在显示状态时的图片。

image

15. 接着设置密码文本框的安全文本图标，在隐藏状态时的图片。

image

16. 最后将密码文本框，添加到当前视图控制器的根视图，完成代码的输入工作。接着点击左上角的[编译并运行]按钮，启动模拟器预览项目。

image

17. 在弹出的模拟器上方的密码输入框内点击，开始输入密码文本。

18. 在弹出的模拟键盘上点击，输入一个英文字符。

image

19. 接着继续点击输入其它的英文字符。

image

image

image

22. 此时点击密码框右侧的安全图标，可以将密码转为明文显示的状态。

image

23. 再次点击密码框右侧的安全图标，可以将密码恢复为密文显示的状态。

image

24. 最后点击此处的[停止]按钮，关闭模拟器，并结束本节课程。

image

image

本文整理自：《app开发中的神兵利器》，真正的[手把手]教学模式，用最快的速度上手iOS开发，苹果商店App Store免费下载：https://itunes.apple.com/cn/app/id1209739676，或扫描本页底部的二维码。课程配套素材下载地址：资料下载

apps8 2.png