iOS相关新技术iOS UIiOS Developer

用代码写静态表格

2017-02-08  本文已影响10259人  Lael

早期第一次接触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标题等。

正如你看到的我们还有一个不错的whenSelectedblock,这允许去写一些代码当我们点击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

和上面一样,除了这些我们需要把我们的代码放在beginUpdatesendUpdates,然后保留我们所有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

上一篇下一篇

猜你喜欢

热点阅读