2.10 快速添加日期选择/多选/动作表单/地图等自定义表单 [iOS开发中的神兵利器]

1. 本节课将为您创建一个更加强大的表单。首先打开浏览器,并进入当前的页面,然后点击此处的下载按钮。

2. 在弹出的面板中,点击下载压缩包按钮,下载整个项目的源代码。

3. 压缩包下载之后,将被自动解压成一个文件夹。点击示例文件夹左侧的箭头,显示该文件夹下的所有文件。

4. 选择一个自定义的单元格的类文件。

5. 然后按下键盘上的换档键。

6. 在按下快捷键的同时,选择另一个文件夹,以同时选择多个项目。

7. 然后将选择的内容拖动到您的项目中。

8. 在弹出的文件导入确认窗口中,点击完成按钮,确认文件的导入。

9. 接着选择资源文件夹,查看项目中已经导入的图片资源。

10. 在项目中已经导入了数张图片,我们将在表单中使用到这些图片。然后在左侧的项目导航区,打开视图控制器的代码文件。

11. 现在开始编写代码,创建另一个更加强大的表单。

12. 首先在当前的类文件中,引入已经安装的第三方类库,以及地图相关的框架。

13. 接着创建一个字符串的别名,并创建一系列的表情图标。

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

15. 设置网址行里的文本框的字体颜色为蓝色。

16. 接着设置标签行的字体颜色为橙色。

17. 设置复选框行的前景颜色为橙色。

18. 设置日期行的最小日期为当天的日期。

19. 往表单中添加一个新的段落。

20. 然后往段落中添加一个标签行,并设置标签行的标题和默认值。

21. 当用户点击该行时,往标签的文字内容中,添加一枚旗帜图标。

22. 接着添加一个日期表单行,并设置日期行的默认值和标题文字。

23. 添加一个复选框表单行,并设置该行的标题文字和默认值。

24. 添加一个开关表单行,并设置该行的标题文字和默认值。

25. 添加一个滑杆表单行,并设置该行的标题文字和默认值。

26. 添加一个步进表单行,并设置该行的标题文字和默认值。

27. 然后添加一个新的段落,用来创建一些片段的示例。

28. 添加一个字符串类型的片段行,并设置该行拥有三个选项。

29. 添加一个表情图标类型的片段行。

30. 然后设置该行的标题文字、六个选项和默认值。

31. 添加一个字符串类型的片段行,并设置该行的标题,以及拥有两个选项。

32. 同时设置该行的缩略图标。

33. 添加另一个字符串类型的片段行,并设置该行拥有四个选项,以及默认值。

34. 同样设置该行的缩略图标。

35. 接着在表单中添加另一个段落。

36. 添加一个动作表单行,当点击此行时,将弹出一个动作表单。

37. 设置该行的标题以及选择器标题。

38. 继续设置该行选项列表,以及默认值。

39. 添加一个警告行,当点击此行时,将弹出一个警告窗口。

40. 设置该行的标题以及选择器标题。

41. 继续设置该行选项列表,以及默认值。

42. 当值发生变化时,在控制台输出该行的值。

43. 设置在展示时的前景颜色为紫色。

44. 添加一个导航类型的表单行,当点击此行时,将在导航栈中压入一个新的页面。

45. 设置该行的标题以及选项列表。

46. 接着设置默认值和选择器标题。

47. 获得表单的最后一个段落。

48. 接着在段落中添加一个地理坐标行。

49. 设置该行的标题以及默认值。

50. 继续添加一个图像表单行,并设置该行的标题。

51. 接着添加一个可进行多选操作的表单行。

52. 设置该行的标题文字。

53. 设置该行的选项列表以及默认值。

54. 再次添加一个新的段落,我们将在该段落中添加拾取器类型的表单行。

55. 首先添加一个字符串类型的拾取器行。

56. 接着添加一个10次的循环语句,设置行的选项列表。

57. 继续添加一个新的段落。

58. 往该段落中添加一个文本表单行,并设置该行的标题和占位文本。

59. 接着添加一个数字表单行。

60. 然后设置该行的标题和默认值。

61. 对于数字表单行,我们可以设置它的数字格式。

62. 设置在用户输入时,实时对数字进行格式化。

63. 设置该行的输入框的键盘类型,在此使用数字键盘。

64. 接着添加一个网址行,并设置该行的标题和默认值。

65. 继续添加一个手机号码行,并依次设置该行的标题、默认值和是否激活。

66. 添加一个名称表单行,并设置该行的标题。

67. 然后添加一个密码表单行,并设置该行的标题和默认值。

68. 添加一个整数表单行,并设置该行的标题和默认值。

69. 添加一个邮箱表单行,并设置该行的标题和默认值。

70. 接着添加一个特定类型的表单行,并设置该行的标题和默认值。

71. 添加一个账户表单行,并设置该行的标题和占位文本。

72. 添加一个邮政编码表单行,并设置该行的标题和占位文本。接着点击模拟器列表,我们将使用真机进行测试。

73. 在设备列表中,点击选择一款真机设备。

74. 然后点击左上角的[编译并运行]按钮,启动应用程序。

75. 在标签行上点击,标签行的文字将发生变化。

76. 此时标签上多了一个旗帜图标,继续点击该表单行。

77. 在此行的上方点击,可以修改当前的选择状态。

78. 继续点击可以恢复选择的状态。

79. 点击开关按钮可以切换开关控件的状态。

80. 在滑杆上点击,可以快速调整滑杆的数值。

81. 然后在步进组件上点击,并观察左侧数字的变化。

82. 在分段控件上点击,可以选择分段组件中的某个选项。

83. 同样可以在表情图标分段上点击,选择分段控件中的某个选项。

85. 在下方的圆点处按下手指,并向上拖动,查看下方的表单区域。

86. 在动作表单行上点击,可以弹出一个动作表单。

87. 然后选择一个动作选项,并观察动作表单行的变化。

88. 在警告表单行上点击,将弹出一个警告窗口。

89. 在弹出的警告窗口中,可以点击选择一个选项,同时观察警告表单行的变化。

90. 在下方的圆点处按下手指,并向上拖动,查看下方的表单区域。

91. 在当前的表单区域,显示了文本、数字、网址、手机号码、密码、邮箱等类型的表单行,它们的值都有相应的格式。最后点击[停止]按钮结束本节课程。

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

apps8 2.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,417评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,921评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,850评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,945评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,069评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,188评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,239评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,994评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,409评论 1 304
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,735评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,898评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,578评论 4 336
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,205评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,916评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,156评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,722评论 2 363
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,781评论 2 351

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,644评论 18 139
  • Spring Boot 参考指南 介绍 转载自:https://www.gitbook.com/book/qbgb...
    毛宇鹏阅读 46,788评论 6 342
  • 1. 本节课将为您演示,如何快速制作多种风格的动作表单。首先确保已经安装了所需的第三方库,在此处双击查看Pod配置...
    互动教程网阅读 509评论 1 1
  • GCD定时器 注意点:下面代码中的timer是一个局部的变量,走出代码块,被销毁;所以定时器中的方法不会执行 对上...
    coder_hong阅读 696评论 1 1
  • 我期待多时的六一儿童节终于到来了。可是今年这个节日对我来说有点遗憾。 过节当天,我早早地起床了,我早就...
    有为斋阅读 342评论 0 0