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

• 设置（Setting）页面的搭建(实现效果)
  
• 开发方式（这里提供两种，个人感觉第二种重用性较高，推荐使用。但第一种较为简单，视开发需求选择）
  • （1）纯代码 + StoryBoard混合 开发
  • （2）纯代码 + 模型 思想
• 设置页面的搭建
• 假设你已经搭建出了这个基本框架
  《十分钟搭建App主流框架》
  但这毕竟是个空壳，下面让我们把设置页面简单的搭建一下吧
• 注：本文仅仅提供简略的搭建方式与实现思路，更加详细的功能需要读者深入探究。

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

• 第一步

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

• 第二步

• 往StoryBoard一顿狂拖，你懂的

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

• 设置TableViewCell的样式

• 第三步（回到CYXTabBarController.m文件）
• 这里只需要改第四个控制器的代码,由于是从Storyboard中加载的控制器，与前三个不同。

• 设置页面已经出来了

 

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

• 第一步 （新建模型文件）

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

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

• 类方法的实现(CYXSettingItem.m)

• 第三步 回到设置页面的控制器(CYXFourViewController.m)
  • (1) 实现< UITableViewDataSource >协议的3个方法
  • (2) 给对应的模型设置值

开发方式（这里提供两种，个人感觉第二种重用性较高，推荐使用。但第一种较为简单，视开发需求选择）

• （1）纯代码 + StoryBoard混合 开发
• （2）纯代码 + 模型 思想

设置页面的搭建

假设你已经搭建出了这个基本框架
《十分钟搭建App主流框架》
但这毕竟是个空壳，下面让我们把设置页面简单的搭建一下吧

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

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

• 第一步

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

• 第二步

• 往StoryBoard一顿狂拖，你懂的

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

• 设置TableViewCell的样式

 

• 第三步（回到CYXTabBarController.m文件）
• 这里只需要改第四个控制器的代码,由于是从Storyboard中加载的控制器，与前三个不同。

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

/** *  添加所有子控制器 */ - (void)setUpAllChildViewController{     // 1.添加第一个控制器     CYXOneViewController *oneVC = [[CYXOneViewController alloc]init];     [self setUpOneChildViewController:oneVC image:[UIImage imageNamed:@"tab_home_icon"] title:@"首页"];       // 2.添加第2个控制器     CYXTwoViewController *twoVC = [[CYXTwoViewController alloc]init];     [self setUpOneChildViewController:twoVC image:[UIImage imageNamed:@"js"] title:@"技术"];       // 3.添加第3个控制器     CYXThreeViewController *threeVC = [[CYXThreeViewController alloc]init];     [self setUpOneChildViewController:threeVC image:[UIImage imageNamed:@"qw"] title:@"博文"];       // 4.添加第4个控制器     // 4.1 初始化并从Storyboard中加载控制器     UIStoryboard *storyBoard = [UIStoryboard storyboardWithName:@"CYXFourViewController" bundle:nil];       // 4.2 关联storyBoard与CYXFourViewController     CYXFourViewController *fourVC = [storyBoard instantiateInitialViewController];       [self setUpOneChildViewController:fourVC image:[UIImage imageNamed:@"user"] title:@"设置"]; }

• 设置页面已经出来了

 

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

• 第一步 （新建模型文件）

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

1 2 3 4 5 6 7 8

@interface CYXGroupItem : NSObject /** 头部标题 */ @property (strong, nonatomic) NSString * headerTitle; /** 尾部标题 */ @property (strong, nonatomic) NSString * footerTitle; /** 组中的行数组 */ @property (strong, nonatomic) NSArray * items; @end

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

1 2 3 4

@interface CYXSettingItem : NSObject @property (strong, nonatomic) NSString * title;/**< 标题 */ + (instancetype)itemWithtitle:(NSString *)title;/**< 设置标题值 类方法 */ @end

• 类方法的实现(CYXSettingItem.m)

1 2 3 4 5

+ (instancetype)itemWithtitle:(NSString *)title{   CYXSettingItem *item = [[CYXSettingItem alloc]init];   item.title = title;   return item;   }

• 第三步 回到设置页面的控制器(CYXFourViewController.m)
  • (1) 实现< UITableViewDataSource >协议的3个方法
  • (2) 给对应的模型设置值