2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]

1. 本节课将为您演示,如何使用第三方库,快速创建强大的表单。首先确保在您的项目中,已经安装了所需的第三方库。在此处双击查看安装配置文件。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第1张图片
image

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

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第2张图片
image

3. 然后在左侧的项目导航区,打开视图控制器的代码文件。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第3张图片
image

4. 现在开始编写代码,创建一个表单。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第4张图片
image

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

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第5张图片
image

6. 然后修改当前视图控制器类的父类的名称。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第6张图片
image

7. 表单中的元素是以段落进行划分的,在此创建第一个段落。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第7张图片
image

8. 往第一个段落中,添加一个文本行。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第8张图片
image

9. 设置文本行的标记的值,通过该标记的值,可以获得用户输入的内容。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第9张图片
image

10. 设置文本行的左侧的标题文字。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第10张图片
image

11. 然后设置文本行的占位文字。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第11张图片
image

12. 接着创建一个手机行,允许用户在该行输入一个手机号码。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第12张图片
image

13. 设置手机行的标记的值。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第13张图片
image

14. 设置手机行的左侧的标题文字。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第14张图片
image

15. 然后设置手机行的占位文字。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第15张图片
image

16. 接着添加第二个表单段落。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第16张图片
image

17. 在该段落中添加一个日期行,用户可以在此行设置日期的值。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第17张图片
image

18. 设置日期行的标记的值。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第18张图片
image

19. 设置日期行的左侧的标题文字。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第19张图片
image

20. 然后设置日期行的初始的值,为当天的日期。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第20张图片
image

21. 创建一个按钮控件,并设置按钮的显示区域。当用户点击该按钮时,将获得用户在表单中输入的内容。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第21张图片
image

22. 依次设置按钮控件的背景颜色,和在正常状态下的标题文字。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第22张图片
image

23. 给按钮控件绑定点击事件。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第23张图片
image

24. 将按钮控件添加到根视图。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第24张图片
image

25. 添加一个方法,用来响应按钮的点击事件。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第25张图片
image

26. 通过标记的值,获得表单中的文本行。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第26张图片
image

27. 然后获得用户在该位置输入的内容。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第27张图片
image

28. 在控制台输出该内容。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第28张图片
image

29. 接着获得用户在表单输入的所有内容,该内容是一个字典对象。然后点击左上角的[编译并运行]按钮,启动模拟器预览项目。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第29张图片
image

30. 在弹出的模拟器中,已经创建一个具有两个段落的表单。在文本框内点击,使文本框获得焦点。

31. 然后在键盘上点击按键,输入所需的内容。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第30张图片
image

32. 继续点击输入其它的字符。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第31张图片
image

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第32张图片
image

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第33张图片
image

35. 然后在手机号码输入框内点击,使该输入框获得焦点。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第34张图片
image

36. 此时键盘自动转换成电话号码输入模式,点击一个数字开始输入手机号码。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第35张图片
image

37. 继续点击输入其它的数字。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第36张图片
image

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第37张图片
image

39. 在日期行点击,可以弹出日期拾取器。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第38张图片
image

40. 然后在月份列点击,选择一个月份。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第39张图片
image

41. 接着在天数列点击,选择一个天数。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第40张图片
image

42. 点击完成按钮,完成日期的设置。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第41张图片
image

43. 然后点击表单底部的按钮,在控制台输出表单中的所有用户输入的内容。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第42张图片
image

44. 观察在底部控制台输出的表单信息,最后点击此处的[停止]按钮,关闭模拟器,并结束本节课程。

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第43张图片
image

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第44张图片
image

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

2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器]_第45张图片
apps8 2.png

你可能感兴趣的:(2.9 使用Eureka快速优雅地创建一个漂亮的表单 [iOS开发中的神兵利器])