早期第一次接触StoryBoard的时候,就被其中一个控件吸引了,那就是静态表格。通过可视界面,将tableview里面的cell设置上不同的内容和属性,就像在添加简单的UIView一样简单。不同再去一个个写tableview的delegate、dataSource的数据源设置,方便又简单。归结到底就是用最简单的方式去写UITableView,抛开他的delegate。
思路整理
首先需要通过代码的方式来实现,同时需要有复用功能,将delegate改用block来实现。简单的插入、删除、修改功能都应该有。
实现
思路有了,实现起来就简单了,为了更好的让大家使用,我已经将其push到github上。大家可以通过pod方式来添加:
pod "YStaticContentTableView"
示例
添加section和cell
这个一个添加section和cell到你的UITableView上的简单例子,需要把你的代码写在控制器的,viewDidLoad
方法里。把tableView开启静态表格模式[self.tableView enableStaticTableView]
,
这里你可能需要引入头文件YStaticContentTableView.h
。你可以和平时一样配置UITableViewCell
,当然我们也提供YStaticContentTableViewCell
对象来设置Cell的样式和复用ID。
YStaticContentTableViewSection
允许你来设置诸如Section标题等。
正如你看到的我们还有一个不错的whenSelected
block,这允许去写一些代码当我们点击cell时去运行,一个好的例子比如:push 一个 UIViewController
- (void)viewDidLoad
{
[super viewDidLoad];
[self.tableView enableStaticTableView];
__weak typeof(self) weakSelf = self;
[self.tableView addSection:^(YStaticContentTableViewSection *section, NSUInteger sectionIndex) {
[section addCell:^(YStaticContentTableViewCell *staticContentCell, UITableViewCell *cell, NSIndexPath *indexPath) {
staticContentCell.reuseIdentifier = @"UIControlCell";
staticContentCell.tableViewCellSubclass = [YCustomCell class];
YCustomCell *customCell = (YCustomCell *)cell;
[customCell.btn setTitle:[NSString stringWithFormat:@"cell - %zd",i] forState:UIControlStateNormal];
[customCell.btn addTarget:weakSelf action:@selector(btnClick) forControlEvents:UIControlEventTouchUpInside];
[customCell.btn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];\
} whenSelected:^(NSIndexPath *indexPath) {
[[[UIAlertView alloc] initWithTitle:@"提示" message:[NSString stringWithFormat:@"click - %zd",indexPath.row] delegate:nil cancelButtonTitle:@"取消" otherButtonTitles:@"确定", nil] show];
[weakSelf.tableView deselectRowAtIndexPath:indexPath animated:YES];
}];
}];
}
运行时,插入一个Cell
这个行为就像addCell:
除了这些,你还可以加上是否需要动画的设置
[self.tableView insertCell:^(YStaticContentTableViewCell *staticContentCell, UITableViewCell *cell, NSIndexPath *indexPath) {
//config cell
} whenSelected:^(NSIndexPath *indexPath) {
//TODO
} atIndexPath:[NSIndexPath indexPathForRow:0 inSection:0] animated:YES];
运行时,插入多个Cell
和上面一样,除了这些我们需要把我们的代码放在beginUpdates
和endUpdates
,然后保留我们所有UITableView
的构建方式,而且还是使用不错,方便的语法。
[self.tableView beginUpdates];
for (NSInteger i = 0; i < 99; i++) {
[self.tableView insertCell:^(YStaticContentTableViewCell *staticContentCell, UITableViewCell *cell, NSIndexPath *indexPath) {
//config cell
} whenSelected:^(NSIndexPath *indexPath) {
//TODO
} atIndexPath:[NSIndexPath indexPathForRow:0 inSection:0] animated:YES];
}
[self.tableView endUpdates];
总结
通过这种方式实现UITableView,会发现代码更易理解和维护了,
其它
github: https://github.com/LiZunYuan/YStaticContentTableView