iOS 设置界面(纯代码创建)

        

1.用纯代码创建上图的中设置界面

2.步骤:

2.1 建模型

2.1.1 建group模型

// 成员变量// group的head描述@property (nonatomic,copy) NSString* headTitle;// group的head描述@property (nonatomic,copy) NSString *footTitle;// 存放 行项目item 的数组@property (nonatomic,strong) NSArray *items;

2.1.2 建item模型,考虑到行项目,有箭头类型,开关类型,文本类型,所以建一个baseItem,其他类型继承这个baseItem

//baseItem.h文件#import <Foundation/Foundation.h>@interface QKBaseItem : NSObjecttypedef void (^QKItemOption)();@property (nonatomic,copy) NSString *icon;@property (nonatomic,copy) NSString *title;@property (nonatomic,copy) QKItemOption option;+ (instancetype)itemWithTitle:(NSString *)title Icon:(NSString *)icon;+ (instancetype)itemWithTitle:(NSString *)title;@end

// arrowsItem.h#import "QKBaseItem.h"@interface QKArrowsItem : QKBaseItem// 点击item,需要push的目标控制器类@property (nonatomic,assign) Class destVC;+ (instancetype)itemWithTitle:(NSString *)title Icon:(NSString *)icon desc:(Class)destVC;+ (instancetype)itemWithTitle:(NSString *)title desc:(Class)destVC;@end

2.2 建控制器

开头处,图1是主设置界面,

    图2是点图1的"推送和提醒"跳转的界面,

    图3是点图2的开奖提醒,跳转的界面.

设置功能的每个控制器的都比较类似,可以考虑建个父类控制器,让主设置界面,推送和提醒,开奖提醒,都继承自这个父类,这样可以省去一个一个去实现tableView数据源和代理方法的麻烦

// 父类控制器.h文件#import <UIKit/UIKit.h>@interface QKSetingController : UITableViewController// 暴露出来,让子类去继承使用,data存放group,group存放items(NSArray),items才存放各个行项目item@property (nonatomic,strong) NSMutableArray *data;@end

// 父类控制器.m文件/**     懒加载     */- (NSMutableArray *)data{    if (_data == nil) {        _data = [NSMutableArray array];    }    return _data;}// 初始化方法,初始化成group样式的tableView- (id)init{    return [self initWithStyle:UITableViewStyleGrouped];}// 初始化方法,父类选tableViewController,系统默认生成- (id)initWithStyle:(UITableViewStyle)style{    self = [super initWithStyle:style];    if (self) {        // Custom initialization    }    return self;}

// 父类控制器的数据源,代理方法#pragma mark - Table view data source- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{    return self.data.count;}- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{    // 每组有多少行,取决于items.count    QKGroup *group = self.data[section];    return group.items.count;}- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{    // 自定义UITableViewCell的三部曲,虽然还没创建cell,可以先写好    // 初始化自定义cell    QKSetCell *cell = [QKSetCell cellWithTableView:tableView];    // 传模型    QKGroup *group = self.data[indexPath.section];    cell.item = group.items[indexPath.row];    // 返回    return cell ;}#pragma mark - Table View Delegate- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{    QKGroup *group = self.data[indexPath.section];    QKBaseItem *item = group.items[indexPath.row];        if ([item isKindOfClass:[QKArrowsItem class]]) { // 带箭头的item        QKArrowsItem *arrowsItem = (QKArrowsItem *)item;        [self.navigationController pushViewController:[[arrowsItem.destVC alloc]init] animated:YES];    }}

2.2.1建子类控制器

// 图1主设置界面的控制器- (void)viewDidLoad{    [super viewDidLoad];        QKGroup *group = [[QKGroup alloc]init];    QKArrowsItem *inform = [QKArrowsItem itemWithTitle:@"推送和提醒" Icon:@"MorePush" desc:[QKPushNoticeController class]];    group.items = @[inform];    [self.data addObject:group];}

2.3建view--自定义tableViewCell

// 不光自定义cell,其他自定义的view通常都会包含模型属性,这样才能通过set方法,去设置数据,frame等@property (nonatomic,strong) QKBaseItem *item;// 自定义cell通常都会有下面这个方法+ (instancetype) cellWithTableView:(UITableView *)tableView;

// cell的初始化方法+ (instancetype)cellWithTableView:(UITableView *)tableView{    static NSString *ID = @"set";    QKSetCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];    if (cell == nil) {        cell = [[QKSetCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];    }    return cell;}

- (void)setItem:(QKBaseItem *)item{    _item = item;    // 设置icon,title,控件的frame    [self setupData];    // 设置箭头,switch,label,需要判断item的类,isKindOfClass    [self setupRightContent];}

2.3数据传递的示意图