2.13 实时调整表单元素的显示和隐藏 [iOS开发中的神兵利器

1. 本节课将为您演示，如何显示或隐藏指定的表单区域。首先在左侧的项目导航区，打开视图控制器的代码文件。

image

2. 现在开始编写代码，实现隐藏和显示表单区域的功能。

image

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

image

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

image

5. 设置文本行的更新事件。

image

6. 设置文本行的字体大小为12。

image

7. 接着往表单中添加一个段落，并设置段落的标题文字。

image

8. 往段落中添加一个分段行，并设置该行的选项和默认值。

image

9. 添加另一个段落，然后设置该段落的标记和显示属性。并设置当分段的值不等于运动时，将隐藏该段落。

image

10. 在段落中添加一个文本行，并设置该行的标题文字。

image

11. 在段落中添加另一个文本行，并设置该行的标题文字。

image

12. 在段落中添加最后一个文本行，并设置该行的标题文字。

image

13. 接着添加另一个段落，设置段落的标记的值。并设置当分段的值不等于音乐时，该段落处于隐藏状态。

image

14. 在段落中添加一个文本行，并设置该行的标题文字。

image

15. 在段落中添加另一个文本行，并设置该行的标题文字。

image

16. 在段落中添加最后一个文本行，并设置该行的标题文字。

image

17. 添加第三个段落，设置段落的标记的值。并设置当分段的值不等于电影时，该段落处于隐藏状态。

image

18. 在段落中添加一个文本行，并设置该行的标题文字。

image

19. 在段落中添加另一个文本行，并设置该行的标题文字。

image

20. 然后添加第四个段落。

image

21. 往段落中添加一个开关表单行。

image

22. 添加第二个开关表单行，并设置该行的标题文字。

image

23. 接着给开关表单行，添加一个交互事件。

image

24. 当上一行中的开关控件，处于显示状态时，则显示当前的表单行。

image

25. 添加另一个段落，并设置段落的尾部内容。

image

26. 接着给段落添加一个交互事件。

image

27. 当上一个段落中的第二个开关处于激活状态时，显示当前的段落，否则隐藏当前的段落。

image

28. 接着往段落中，添加一个文本行，并设置文本行的占位文字。接着点击左上角的[编译并运行]按钮，启动模拟器预览项目。

image

29. 在弹出的模拟器中，点击第一个分段选项，将显示该选项对应的段落。

30. 点击此处的开关，将显示下方的表单行。

image

31. 点击第二个开关，将显示下方的段落。

image

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

image

image

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

apps8 2.png