CXYTableViewExt
CXYTableViewExt 是用来简化 UITableView - Cell 配置的库。特别是对于拥有多种类型的 Cell,逻辑上将更加清晰,所见即所得。
几乎在你用到 UITableView 的地方,都可以使用 CXYTableViewExt 来简化代码和逻辑。
开始使用
1、简单使用,无需设置 dataSource 和 delegate,也不需要注册 Cell
如需实现上面的UI界面:
1、让 ArrowTextCell 实现 CXYTableItemProtocol 的协议,Cell 可以是纯代码 也可以是 Xib。
objc
@interface ArrowTextCell ()<CXYTableItemProtocol>
@end
@implementation ArrowTextCell
#pragma mark - CXYTableItemProtocol
// 配置你的 Cell data
- (void)configData:(id)data {
self.title.text = data;
}
2、类似 Masonry block 写法, 内部会自动帮你注册Cell,设置默认代理对象和数据源。
objc
// ViewController.m
- (void)bindViewData {
[self.tableView.t makeItems:^(CXYTable * _Nonnull make) {
[make addCellClass:ArrowTextCell.class data:@"设置页示例" didSelectBlock:^(id _Nonnull data, NSIndexPath * _Nonnull indexPath) {
// 处理点击
}];
[make addCellClass:ArrowTextCell.class data:@"资讯列表示例" didSelectBlock:^(id _Nonnull data, NSIndexPath * _Nonnull indexPath) {
}];
[make addCellClass:ArrowTextCell.class data:@"Section Header & Footer 示例" didSelectBlock:^(id _Nonnull data, NSIndexPath * _Nonnull indexPath) {
}];
}];
}
2、类设置页 - delegate 方式让 ViewController 响应 Cell 的操作
1、有时我们需要响应 Cell 里的一些动作,我们可以在配置 Cell 时,给它设置一个代理对象(delegate)
objc
- (void)addCellClass:(Class)cellClass data:(id)data delegate:(id)delegate
2、在 Cell 中定义一些代理对象( delegate)需要实现的协议
objc
@protocol SwitchCellDelegate <NSObject>
- (void)switchCellDelegateSwitchChanged:(id)data;
@end
@interface SwitchCell ()<CXYTableItemProtocol>
@property (nonatomic, weak) id delegate;
@property (nonatomic, strong) SwitchModel *model;
@end
@implementation SwitchCell
- (IBAction)onSwitch:(UISwitch*)sender {
// 开关操作
if ([self.delegate respondsToSelector:@selector(switchCellDelegateSwitchChanged:)]) {
[self.delegate switchCellDelegateSwitchChanged:self.model];
}
}
#pragma mark - CXYTableItemProtocol
- (void)configData:(SwitchModel*)data indexPath:(NSIndexPath *)indexPath delegate:(id)delegate {
self.model = data;
self.delegate = delegate; // 接收代理对象
...
}
@end
3、让这个代理对象遵循你的协议,从而将 Cell 的动作传递给 delegate 响应
objc
- (void)bindViewData {
[self.tableView.t makeItems:^(CXYTable * _Nonnull make) {
[make addCellClass:HeadTitleCell.class data:@"通知"];
// delegate: self 实现 cell 里面的交互
[make addCellClass:SwitchCell.class data:[SwitchModel title:@"系统消息通知" isOn:YES] delegate:self];
[make addCellClass:SwitchCell.class data:[SwitchModel title:@"通知显示消息详情" isOn:NO] delegate:self];
[make addCellClass:SwitchCell.class data:[SwitchModel title:@"振动" isOn:YES] delegate:self];
[make addCellClass:HeadTitleCell.class data:@"提示音"];
[make addCellClass:ArrowTextCell.class data:@"消息提示音" didSelectBlock:^(id _Nonnull data, NSIndexPath * _Nonnull indexPath) {
// 处理点击
}];
[make addCellClass:ArrowTextCell.class data:@"来电铃声" didSelectBlock:^(id _Nonnull data, NSIndexPath * _Nonnull indexPath) {
}];
}];
}
#pragma mark - SwitchCellDelegate
- (void)switchCellDelegateSwitchChanged:(SwitchModel*)data {
data.isOn = !data.isOn;
NSLog(@"%@ %@",data.title, @(data.isOn));
}
3、列表 - 下拉刷新或上拉加载更多
每次你的数据变化时,直接重新绑定数据就行。如果你觉得性能有影响,那可以使用 CXYTable.h 里的一些插入、添加、更新、删除方法来实现更新。
objc
- (void)requestPage:(NSInteger)page {
// 模拟请求,假数据
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
NSMutableArray *res = @[].mutableCopy;
for (NSInteger i=0; i<10; i++) {
NewsModel *model = [NewsModel new];
model.title = @"新闻标题";
model.desc = @"新闻摘要";
model.img = @"cover";
[res addObject:model];
}
if (page==1) {
self.list = res;
} else {
self.list = [self.list arrayByAddingObjectsFromArray:res];
}
self.page = page;
[self bindViewData];
});
}
- (void)bindViewData {
[self.tableView.t makeItems:^(CXYTable * _Nonnull make) {
[make addCellClass:NewsCell.class dataList:self.list];
}];
}
4、拥有 Header & Footer
同样,你的 Header 和 Footer 也需要实现 CXYTableItemProtocol 的协议。从配置项来看,几乎是所见即所得的。
objc
- (void)bindViewData {
NSArray *sectionList1 = @[@"1",@"2",@"3",@"4",@"5"];
[self.tableView.t makeItems:^(CXYTable * _Nonnull make) {
[make addHeaderItem:Header.class data:@"我是Header1"];
[make addCellClass:TextCell.class dataList:sectionList1];
[make addFooterItem:Footer.class data:@"我是Footer1"];
[make addHeaderItem:Header.class data:@"我是Header2"];
[make addCellClass:TextCell.class data:@"text-cell"];
[make addCellClass:TextCell.class data:@"text-cell"];
[make addFooterItem:Footer.class data:@"我是Footer1"];
}];
}
更多操作
在 CXYTable.h 文件里面提供了很多操作方法:
objc
// 可使用自定义的
- (void)configDataSource:(id<UITableViewDelegate,UITableViewDataSource>)dataSource;
// 默认的数据源和代理
- (void)useDefaultDataSource;
// 使用默认的数据源和代理,cell被点击时调用
- (void)defaultDidSelectCell:(void(^)(UITableView *tableView, NSIndexPath *indexPath))didSelect;
// 配置item
- (void)makeItems:(void(NS_NOESCAPE ^)(CXYTable *make))block;
- (void)updateItems:(void(NS_NOESCAPE ^)(CXYTable *make, UITableView *tableView))block;
- (void)removeItems:(void(NS_NOESCAPE ^)(CXYTable *make, UITableView *tableView))block;
/**
添加item
*/
- (void)addCellClass:(Class)cellClass data:(id _Nullable)data;
...
/**
插入item
*/
- (void)insertCellItem:(Class)cellClass data:(id _Nullable)data indexPath:(NSIndexPath *)indexPath;
...
/**
删除 item
*/
- (void)removeCellItem:(NSIndexPath *)indexPath;
...
/**
获取item 数据
*/
// header item
- (id)headerItemDataInSection:(NSUInteger)section;
...
// footer item
- (id)footerItemDataInSection:(NSUInteger)section;
...
// cell item
- (id)cellItemDataAtIndexPath:(NSIndexPath*)indexPath;
...
Tip: 有些第三方统计SDK可能会 hook UITableView,默认给 tableView.delegate 一个对象。这会影响到 CXYTableViewExt 里内部设置默认数据源判断,这时,你需要手动设置默认的数据源和代理。
objc
[self.tableView useDefaultDataSource];
源码:
OC版: CXYTableViewExt-OC
Swift版:CXYTableViewExt-Swift