新手向：五分钟搭建App设置页面_纯代码 + 模型思想(OC)

新手向：五分钟搭建App设置页面_纯代码 + 模型思想(OC)

2015-11-13 09:05 编辑： lansekuangtu 分类：iOS开发 来源：iOS_CYX
的简书
25 9469

APP设置OC代码模型

招聘信息：

java高级软件工程师
高级iOS开发工程师
高级PHP开发工程师
iOS高级研发工程师
iOS开发工程师
高级iOS手机应用软件开发工程师（培训讲师）
高级Cocos2d-x游戏开发工程师（培训讲师）
iOS手机软件开发工程师
iOS工程师
Web后端高级开发工程师
iOS软件工程师



作者：iOS_CYX 授权本站转载。

本节主题（Storyboard/模型思想搭建设置页面）

源码地址

设置（Setting）页面的搭建(实现效果)



注：本文部分图标及效果图来自[IT江湖] https://github.com/itjhDev/itjh
开发方式（这里提供两种，个人感觉第二种重用性较高，推荐使用。但第一种较为简单，视开发需求选择）

（1）纯代码 + StoryBoard混合 开发

（2）纯代码 + 模型 思想

设置页面的搭建

假设你已经搭建出了这个基本框架

《十分钟搭建App主流框架》

但这毕竟是个空壳，下面让我们把设置页面简单的搭建一下吧

注：本文仅仅提供简略的搭建方式与实现思路，更加详细的功能需要读者深入探究。

方式一（纯代码 + StoryBoard混合 开发）

第一步

新建StoryBoard文件，注意：命名与控制器相同

第二步

往StoryBoard一顿狂拖，你懂的



注意点：记得勾选第一个页面 is Initial View Controller

Snip20150911_13.png

设置TableViewCell的样式



第三步（回到CYXTabBarController.m文件）

这里只需要改第四个控制器的代码,由于是从Storyboard中加载的控制器，与前三个不同。



设置页面已经出来了



方式二（纯代码 + 模型 开发）

第一步 （新建模型文件）



第二步 （模型的设计）

组模型设计(CYXGroupitem.h)，分析每一组的所有元素：比如有头部标题，尾部标题，还有若干行Cell

行模型的设计(CYXSettingItem.h)，分析每一行的所有元素：比如只有标题

类方法的实现(CYXSettingItem.m)

第三步 回到设置页面的控制器(CYXFourViewController.m)

(1) 实现< UITableViewDataSource >协议的3个方法

(2) 给对应的模型设置值

实现效果



如果你希望使用方式二实现点击Cell的跳转，需要实现下面的方法，并在里面调用navigationController的pushViewController方法跳转到你自定义的控制器。

看到这里，如果你是个iOS初学者，应该觉得方式2的实现过于繁琐，但方式2却是个一劳永逸的方式。换句话说，如果你用方式2封装了一个完整的设置页面的框架，在下一个项目中，再有类似的设置页面，你便可以直接把这个框架拷贝过去，改少量的代码便可以完美兼容，肯定比你再重新拖Storyboard要便捷，因此本人是比较推崇这种方式的。

附：源码github地址