iOS_25_彩票设置的cell的数据源模型的封装

组模型的封装

SettingGroup
//
// SettingGroup.h
// 25_彩票
//
// Created by beyond on 14-8-28.
// Copyright (c) 2014年 com.beyond. All rights reserved.
// 模型,一组(Section,Group),包括 组的header,组的footer,中间的条目(cell数组)

#import <Foundation/Foundation.h>

@interface SettingGroup : NSObject

// 头部标题
@property (nonatomic, copy) NSString *header;
// 中间的条目(SettingItem对象数组)
@property (nonatomic, strong) NSArray *items;
// 尾部标题
@property (nonatomic, copy) NSString *footer;

@end




父类SettingItem

//
//  SettingItem.h
//  25_彩票
//
//  Created by beyond on 14-8-28.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//  一个SettingItem模型  对应一个Cell需要的数据源
//  父类,用来描述当前cell里面要显示的内容，描述点击cell后做什么事情

#import <Foundation/Foundation.h>

@interface SettingItem : NSObject

// 为一行(cell)提供 图标名
@property (nonatomic, copy) NSString *icon;
// 为一行(cell)提供 标题
@property (nonatomic, copy) NSString *title;
// 为一行(cell)提供 子标题
@property (nonatomic, copy) NSString *subtitle;
// 为一行(cell)提供 点击后,要执行的操作
@property (nonatomic, copy) void (^operation)() ; // 点击cell后要执行的操作

#pragma mark - 类方法,生成模型实例
// 有标题 有图片的模型
+ (id)itemWithIcon:(NSString *)icon title:(NSString *)title;
// 只有标题的模型
+ (id)itemWithTitle:(NSString *)title;
@end

//
//  SettingItem.m
//  25_彩票
//
//  Created by beyond on 14-8-28.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//  一个SettingItem模型  对应一个Cell需要的数据源
//  父类,用来描述当前cell里面要显示的内容，描述点击cell后做什么事情

#import "SettingItem.h"

@implementation SettingItem

// 有标题 有图片的模型
+ (id)itemWithIcon:(NSString *)icon title:(NSString *)title
{
SettingItem *item = [[self alloc] init];
item.icon = icon;
item.title = title;
return item;
}
// 只有标题的模型
+ (id)itemWithTitle:(NSString *)title
{
return [self itemWithIcon:nil title:title];
}

@end

父类SettingItemArchive
//
// SettingItemArchive.h
// 25_彩票
//
// Created by beyond on 14-8-29.
// Copyright (c) 2014年 com.beyond. All rights reserved.
// 中间父类,仅一个成员,key,所有需要归档的settingItem的子类(如开关等) 都可以继承本模型

#import "SettingItem.h"

@interface SettingItemArchive : SettingItem

// 存储数据时用的key,取数据时也是用该key
@property (nonatomic, copy) NSString *key;
@end

子类SettingItemArrow
//
// SettingItemArrow.h
// 25_彩票
//
// Created by beyond on 14-8-28.
// Copyright (c) 2014年 com.beyond. All rights reserved.
// 子类 最右边是箭头的item数据模型,专业提供数据源,给右边是箭头的cell

#import "SettingItem.h"

@interface SettingItemArrow : SettingItem

// 一般带箭头的cell,被点击时候,是要跳到另一个界面(控制器)
@property (nonatomic, assign) Class showVCClass; // 即将显示的控制器的类名
@end

子类SettingItemSwitch
//
// SettingItemSwitch.h
// 25_彩票
//
// Created by beyond on 14-8-28.
// Copyright (c) 2014年 com.beyond. All rights reserved.
// 子类 最右边是【开关】的item数据模型,专业提供数据源,给右边是开关的cell
// 继承自SettingItemArchive,而SettingItemArchive又继承自SettingItem

#import "SettingItemArchive.h"

@interface SettingItemSwitch : SettingItemArchive

// 开关需要保存的是状态,在设置时,就归档
@property (nonatomic, assign) BOOL off;

@end

//
//  SettingItemSwitch.m
//  25_彩票
//
//  Created by beyond on 14-8-28.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//

#import "SettingItemSwitch.h"

@implementation SettingItemSwitch

// 开关需要保存的是状态,在设置时,就归档
- (void)setOff:(BOOL)off
{
_off = off;

[SettingTool setBool:off forKey:self.key];
}

- (void)setKey:(NSString *)key
{
[super setKey:key];

_off = [SettingTool boolForKey:key];
}

@end

子类SettingItemLabel

//
// SettingItemLabel.h
// 25_彩票
//
// Created by beyond on 14-8-28.
// Copyright (c) 2014年 com.beyond. All rights reserved.
// 子类 最右边是【文字】的item数据模型,专业提供数据源,给右边是Label的cell

#import "SettingItemArchive.h"

@interface SettingItemLabel : SettingItemArchive

// cell右边显示的文字,在设置时就要归档
@property (nonatomic, copy) NSString *text;

@end

//
//  SettingItemLabel.m
//  25_彩票
//
//  Created by beyond on 14-8-28.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//  子类 最右边是【文字】的item数据模型,专业提供数据源,给右边是Label的cell

#import "SettingItemLabel.h"

@implementation SettingItemLabel

// 拦截,cell右边显示的文字,赋值时,就必须归档
- (void)setText:(NSString *)text
{

_text = text;

// 归档
[SettingTool setObject:text forKey:self.key];
}

// 为key赋值的时候,就必须解档
- (void)setKey:(NSString *)key
{
[super setKey:key];

_text = [SettingTool objectForKey:key];
}
@end

自定义cell视图View的封装      SettingCell

//
// SettingCell.h
// 25_彩票
//
// Created by beyond on 14-8-28.
// Copyright (c) 2014年 com.beyond. All rights reserved.
// view,自定义cell,接收数据源为其内部子控件提供数据

#import <UIKit/UIKit.h>
// 模型,数据源,为view cell 提供数据
@class SettingItem;
@interface SettingCell : UITableViewCell

// 模型,数据源,为view cell 提供数据
@property (nonatomic, strong) SettingItem *item;
// cell所在的组和行号
@property (nonatomic, strong) NSIndexPath *indexPath;

// 类方法创建cell实例对象,使用instancetype好处多多,更加严谨,让编译器更智能提示错误
+ (instancetype)settingCellWithTableView:(UITableView *)tableView;

@end

//
//  SettingCell.m
//  25_彩票
//
//  Created by beyond on 14-8-28.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//  view,自定义cell,接收数据源为其内部子控件提供数据

#import "SettingCell.h"
// 数据源
#import "SettingItem.h"
#import "SettingItemSwitch.h"
#import "SettingItemArrow.h"
#import "SettingItemLabel.h"

// 在ios6中,cell的contentView的x是10,因此,要想让cell全屏宽,必须使用cell左移10,宽度+20
const int MakeCellToLeftBy = 10;

@interface SettingCell()
{
// 每一个进入视野的cell 都循环利用(共用)一个arrow,switch,label
UIImageView *_arrowImgView;
UISwitch *_switch;
UILabel *_label;

UIView *_divider;
}
@end

@implementation SettingCell
#pragma mark - 生命周期
// 类方法创建cell实例对象,使用instancetype好处多多,更加严谨,让编译器更智能提示错误
// 先从参数tableView的缓存池中取,取不到,才要创建
+ (instancetype)settingCellWithTableView:(UITableView *)tableView
{
// 0.用static修饰的局部变量，只会初始化一次
static NSString *ID = @"SettingCell";

// 1.拿到一个标识先去缓存池中查找对应的Cell
SettingCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];

// 2.如果缓存池中没有，才需要传入一个标识创建新的Cell
if (cell == nil) {
cell = [[SettingCell alloc] initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:ID];
}

return cell;
}
// 重写父类的方法,创建cell实例
- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
// 先调用父类的方法
self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
if (self) {
// 1.设置全局统一的cell背景view
[self setupCellBgView];

// 2.设置子控件属性
[self setupCellLabelBgColor];

// 3.添加cell底部的分隔线(为了统一,先移除系统自带的separateLine)
[self setupCellUnderLine];
}
return self;
}
#pragma mark - 初始化 属性设置
#pragma mark 1.设置cell背景view
- (void)setupCellBgView
{
// 1.默认 cell背景view (白色)
UIView *bgView = [[UIView alloc] init];
bgView.backgroundColor = [UIColor whiteColor];
self.backgroundView = bgView;

// 2.选中 cell背景view (灰色)
UIView *selectedBgView = [[UIView alloc] init];
selectedBgView.backgroundColor = kColor(237, 233, 218);
self.selectedBackgroundView = selectedBgView;
}
#pragma mark 2.设置cell内子控件label背景
- (void)setupCellLabelBgColor
{
// 标题 去其默认的背景
self.textLabel.backgroundColor = [UIColor clearColor];
self.textLabel.font = [UIFont systemFontOfSize:14];
// 子标题 去其默认的背景
self.detailTextLabel.backgroundColor = [UIColor clearColor];
self.detailTextLabel.font = [UIFont systemFontOfSize:12];
}
#pragma mark 3.设置分隔线
// 3.添加cell底部的分隔线(为了统一,先移除系统自带的separateLine)
- (void)setupCellUnderLine
{
UIView *divider = [[UIView alloc] init];
divider.backgroundColor = kColor(200, 200, 200);
// 不能在这里设置分隔线的x值（原因：cell没有具体的数据，里面的label就不知道最终的位置）
//    divider.frame = CGRectMake(0, 0, self.contentView.frame.size.width, 1.5);
[self.contentView addSubview:divider];
_divider = divider;
}

#pragma mark - 拦截setter方法
// 根据所在的组,所在的行号,设置分割线的显示状态
- (void)setIndexPath:(NSIndexPath *)indexPath
{
_indexPath = indexPath;

// 设置underLine的可见性,根据该cell所在的indexPath
_divider.hidden = indexPath.row == 0;
}

// 拦截数据源,为子控件们赋值
- (void)setItem:(SettingItem *)item
{
_item = item;

// 设置数据
self.imageView.image = [UIImage imageNamed:item.icon];
self.textLabel.text = item.title;
self.detailTextLabel.text = item.subtitle;

// 根据数据源模型的不同,创建不同的最右边的accessoryView
if ([item isKindOfClass:[SettingItemArrow class]]) {
// 1.设置箭头
[self setAccessoryViewArrow];
} else if ([item isKindOfClass:[SettingItemSwitch class]]) {
// 2.设置开关
[self setAccessoryViewSwitch];
} else if ([item isKindOfClass:[SettingItemLabel class]]) {
// 3.设置文本
[self setAccessoryViewLabel];
} else {
// 什么也没有，必须清空右边显示的view，因为cell循环使用
self.accessoryView = nil;
// 并且要,还原,使用默认的选中样式(即可以产生选中效果)
self.selectionStyle = UITableViewCellSelectionStyleDefault;
}
}
#pragma mark 设置右边的箭头
// 每一个进入视野的cell 都循环利用(共用)一个arrow,switch,label
- (void)setAccessoryViewArrow
{
if (_arrowImgView == nil) {
_arrowImgView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"CellArrow"]];
}

// 右边显示箭头
self.accessoryView = _arrowImgView;
// 用默认的选中样式
self.selectionStyle = UITableViewCellSelectionStyleDefault;
}
#pragma mark 设置右边的文本标签
// 每一个进入视野的cell 都循环利用(共用)一个arrow,switch,label
- (void)setAccessoryViewLabel
{
if (_label == nil) {
_label = [[UILabel alloc] init];
_label.bounds = CGRectMake(0, 0, 100, self.frame.size.height);
_label.textAlignment = NSTextAlignmentRight;
_label.backgroundColor = [UIColor clearColor];
_label.textColor = kColor(173, 69, 14);
_label.font = [UIFont systemFontOfSize:13];
}

// 设置右边label的值
SettingItemLabel *labelItem = (SettingItemLabel *)_item;
_label.text = labelItem.text;

// 右边显示子文本
self.accessoryView = _label;
// 允许选中本行
self.selectionStyle = UITableViewCellSelectionStyleDefault;
}

#pragma mark 设置右边的开关
// 每一个进入视野的cell 都循环利用(共用)一个arrow,switch,label
- (void)setAccessoryViewSwitch
{
if (_switch == nil) {
_switch = [[UISwitch alloc] init];
[_switch addTarget:self action:@selector(switchChange) forControlEvents:UIControlEventValueChanged];
}

// 设置开关的状态
SettingItemSwitch *switchItem = (SettingItemSwitch *)_item;
_switch.on = !switchItem.off;

// 右边显示开关
self.accessoryView = _switch;
// 因为是开关,所以要禁止选中本行
self.selectionStyle = UITableViewCellSelectionStyleNone;
}

#pragma mark 开关状态改变
- (void)switchChange
{
SettingItemSwitch *switchItem = (SettingItemSwitch *)_item;
switchItem.off = !_switch.on;
}

#pragma mark - 当cell的宽高改变了就会调用
// 父类方法,需要调节cell内部子控件的frame，只有在layoutSubviews方法中,才最可靠\最有效
- (void)layoutSubviews
{
// 必须先调用父类的方法
[super layoutSubviews];

// 0.设置cell分隔线的位置 (从文字处开始)
_divider.frame = CGRectMake(self.textLabel.frame.origin.x, 0, self.contentView.frame.size.width + 100, 1.2);

if (iOS7) return;

// 以下是iOS6,设置cell占整个屏幕的宽度
[self makeCellFullWidth];
}

// 以下是iOS6,设置cell占整个屏幕的宽度
- (void)makeCellFullWidth
{
// 在ios6中,cell的contentView的x默认是10,因此,要想让cell全屏宽,必须使用cell的x左移10,宽度+20,相当于把整个cell,先左平移,再扯宽

// 1.将cell的frame拉宽
CGRect cellF = self.frame;
// cell整体先左平移10
cellF.origin.x = -MakeCellToLeftBy;
// cell整体宽度再+20,这样cell的contentView就全屏宽了
CGFloat deltaW = MakeCellToLeftBy * 2;
cellF.size.width = [UIScreen mainScreen].bounds.size.width + deltaW;
self.frame = cellF;

// 2.右边控件的frame (左移)
// accessoryView不属于contentView, 属于cell
CGRect accessF = self.accessoryView.frame;
accessF.origin.x = cellF.size.width - accessF.size.width - deltaW;
self.accessoryView.frame = accessF;
}

@end

父类控制器的封装
BaseSettingController
//
// BaseSettingController.h
// 25_彩票
//
// Created by beyond on 14-8-28.
// Copyright (c) 2014年 com.beyond. All rights reserved.
// 父类,内部维护了一个tableView,子类提供数据源数组(GroupsArr)

#import <UIKit/UIKit.h>

#import "SettingGroup.h"
#import "SettingItem.h"
// 导入数据模型
// 右侧是箭头的数据模型
#import "SettingItemArrow.h"
// 右侧是开关的数据模型
#import "SettingItemSwitch.h"

// 右边是子文本
#import "SettingItemLabel.h"

// 所有声明的将要被存储到沙盒中的key
#import "SettingArchiveKeys.h"

@interface BaseSettingController : UIViewController<UITableViewDataSource, UITableViewDelegate>
{
// 开放给子类用,父类只负责初始化,子类负责添加一个个Group对象,一个group模型对应一个section
NSMutableArray *_allGroups; // 所有的组模型
}

@property (nonatomic, weak, readonly) UITableView *tableView;

@end

//
//  BaseSettingController.m
//  25_彩票
//
//  Created by beyond on 14-8-28.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//  父类,内部维护了一个tableView,子类提供数据源数组(GroupsArr)

#import "BaseSettingController.h"
#import "SettingCell.h"

// 每一个section之间的顶部间距
const int SectionHeaderMargin = 20;
@interface BaseSettingController ()

@end

@implementation BaseSettingController
// 直接让tableView就是控制器的view
- (void)loadView
{
// 父类的组数组 初始化放在LoadView方法中,好处是,子类在viewDidLoad时,就已经拥有初始化的_allGroups,而不再需要先调用父类的viewDidLoad,然后才可向数组添加成员
_allGroups = [NSMutableArray array];

// 创建并维护自己的tableView,子类仅需提供数据源 groupsArr 即可
[self createTableView];

}

// 创建并维护自己的tableView,子类仅需提供数据源 groupsArr 即可
- (void)createTableView
{
UITableView *tableView = [[UITableView alloc] initWithFrame:[UIScreen mainScreen].applicationFrame style:UITableViewStyleGrouped];
// 设置数据源和代理 为当前父控制器
tableView.delegate = self;
tableView.dataSource = self;

// 设置全局统一的表格背景
// 如果是分组,则要先清空背景view,才可设置表格背景颜色(colorWithPattern平铺)
tableView.backgroundView = nil;
tableView.backgroundColor = kGlobalBg;

// group状态下，sectionFooterHeight和sectionHeaderHeight是有值的
tableView.sectionFooterHeight = 0;
tableView.sectionHeaderHeight = SectionHeaderMargin;

// 在tableView初始化的时候设置contentInset
// 在tableView展示完数据的时候给contentInset.top增加(20+44)的值
// 重要~~  ?????
if (iOS7) {
tableView.contentInset = UIEdgeInsetsMake(SectionHeaderMargin - 35, 0, 0, 0);
}

// 先隐藏表格默认的分隔线,cell内部在根据所在的indexPath绘制underLine
tableView.separatorStyle = UITableViewCellSeparatorStyleNone;

self.view = tableView;

_tableView = tableView;
}
#pragma mark - 数据源
// 多少组
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
// 返回组 数组的长度
return _allGroups.count;
}
// 各个组有多少行
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
// 取出组模型
SettingGroup *group = _allGroups[section];
// 返回组模型中成员---settingItems数组的长度
return group.items.count;
}

// 每当有一个cell进入视野范围内就会调用，返回当前这行显示的cell
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
// 1.创建一个SettingCell  自定义的view
SettingCell *cell = [SettingCell settingCellWithTableView:tableView];

// 2.取出组模型
SettingGroup *group = _allGroups[indexPath.section];
// 3.取出组中的被点的cell模型,并赋值给自定义的view,供其内部子控件使用
cell.item = group.items[indexPath.row];
// 根据所在的组,所在的行号,设置分割线的显示状态
cell.indexPath = indexPath;

return cell;
}

#pragma mark - 代理
// 点击了cell后的操作
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
// 1.去除选中时的背景
[tableView deselectRowAtIndexPath:indexPath animated:YES];
// 2.取出这行对应的模型
SettingGroup *group = _allGroups[indexPath.section];
// 取出对应的cell数据源模型
SettingItem *item = group.items[indexPath.row];

// 3.取出这行对应模型中有block代码
if (item.operation) {
// 执行block
item.operation();
return;
}

// 4.检测有没有要跳转的控制器
if ([item isKindOfClass:[SettingItemArrow class]]) {
// 将cell对应的数据源模型  转成具体的子类
SettingItemArrow *arrowItem = (SettingItemArrow *)item;
// 创建并跳转到指定的控制器
if (arrowItem.showVCClass) {
UIViewController *vc = [[arrowItem.showVCClass alloc] init];
[self.navigationController pushViewController:vc animated:YES];
}
}
}

#pragma mark 返回每一组的header标题
- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
{
// 取得组模型
SettingGroup *group = _allGroups[section];
// 返回组的头部标题
return group.header;
}
#pragma mark 返回每一组的footer标题
- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section
{
// 取得组模型
SettingGroup *group = _allGroups[section];
// 返回组的尾部标题
return group.footer;
}

@end

子类设置控制器

//
// SettingController.h
// 25_彩票
//
// Created by beyond on 14-8-28.
// Copyright (c) 2014年 com.beyond. All rights reserved.
// 点击【设置】按钮跳转到本控制器，本控制器继承自BaseSettingController

#import "BaseSettingController.h"

@interface SettingController : BaseSettingController

@end


//
// SettingController.m
// 25_彩票
//
// Created by beyond on 14-8-28.
// Copyright (c) 2014年 com.beyond. All rights reserved.
//

#import "SettingController.h"

#import "PushNoticeController.h"
#import "ShareController.h"
#import "AboutController.h"
#import "HelpController.h"
#import "ProductController.h"

@interface SettingController ()

@end

@implementation SettingController
- (void)viewDidLoad
{
[super viewDidLoad];

// 1.第0组：3个
[self add0SectionItems];

// 2.第1组：6个
[self add1SectionItems];
}

#pragma mark 添加第0组的模型数据
- (void)add0SectionItems
{
// 1.1.推送和提醒
SettingItemArrow *push = [SettingItemArrow itemWithIcon:@"MorePush" title:@"推送和提醒"];
push.showVCClass = [PushNoticeController class];
// copy状态下的block（堆里面的block）会对里面所使用的外界变量 产生 强引用
// __weak SettingController *setting = self;
// __unsafe_unretained

// 1.2.摇一摇机选
SettingItemSwitch *shake = [SettingItemSwitch itemWithIcon:@"handShake" title:@"摇一摇机选"];
shake.key = ILSettingShakeChoose;

// 1.3.声音效果
SettingItemSwitch *sound = [SettingItemSwitch itemWithIcon:@"sound_Effect" title:@"声音效果"];
sound.key = ILSettingSoundEffect;

SettingGroup *group = [[SettingGroup alloc] init];
group.items = @[push, shake, sound];
[_allGroups addObject:group];
}

#pragma mark 添加第1组的模型数据
- (void)add1SectionItems
{
// 2.1.检查新版本
SettingItemArrow *update = [SettingItemArrow itemWithIcon:@"MoreUpdate" title:@"检查新版本"];
update.operation = ^{
UIAlertView *alert = [[UIAlertView alloc] initWithTitle:nil message:@"目前已是最新版本了" delegate:nil cancelButtonTitle:@"确定" otherButtonTitles:nil, nil];
[alert show];
};

// 2.2.帮助
SettingItemArrow *help = [SettingItemArrow itemWithIcon:@"MoreHelp" title:@"帮助"];
help.showVCClass = [HelpController class];

// 2.3.分享
SettingItemArrow *share = [SettingItemArrow itemWithIcon:@"MoreShare" title:@"分享"];
share.showVCClass = [ShareController class];

// 2.4.查看消息
SettingItemArrow *msg = [SettingItemArrow itemWithIcon:@"MoreMessage" title:@"查看消息"];

// 2.5.产品推荐
SettingItemArrow *product = [SettingItemArrow itemWithIcon:@"MoreNetease" title:@"产品推荐"];
product.showVCClass = [ProductController class];

// 2.6.关于
SettingItemArrow *about = [SettingItemArrow itemWithIcon:@"MoreAbout" title:@"关于"];
about.showVCClass = [AboutController class];

SettingGroup *group = [[SettingGroup alloc] init];
group.items = @[update, help, share, msg, product, about];
[_allGroups addObject:group];
}

@end