您的位置:首页 > 产品设计 > UI/UE

自定义UITableView的左滑动样式

2016-03-29 20:08 435 查看
当UITableView进入
编辑模式
,在进行
左滑操作
的cell的
右边
,默认会出现
Delete
按钮,如何自定义左滑出现的按钮呢?

只需要实现UITableView下面的这个代理方法。

- (NSArray<UITableViewRowAction *> *)tableView:(UITableView *)tableView editActionsForRowAtIndexPath:(NSIndexPath *)indexPath
{
UITableViewRowAction *likeAction = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleNormal title:@"喜欢" handler:^(UITableViewRowAction * _Nonnull action, NSIndexPath * _Nonnull indexPath) {
// 实现相关的逻辑代码
// ...
// 在最后希望cell可以自动回到默认状态,所以需要退出编辑模式
tableView.editing = NO;
}];

UITableViewRowAction *deleteAction = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleDefault title:@"删除" handler:^(UITableViewRowAction * _Nonnull action, NSIndexPath * _Nonnull indexPath) {
// 首先改变model
[self.books removeObjectAtIndex:indexPath.row];
// 接着刷新view
[self.tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationAutomatic];
// 不需要主动退出编辑模式,上面更新view的操作完成后就会自动退出编辑模式
}];

return @[deleteAction, likeAction];
}

此时左滑就会出现两个按钮,一个是
喜欢
,另一个是
删除
。出现的顺序和在这个方法中返回的数组中的元素顺序相关。

如果实现了上述方法,那么之前提到过的
tableView:commitEditingStyle:forRowAtIndexPath:
tableView: titleForDeleteConfirmationButtonForRowAtIndexPath:
方法就不会再调用了。(如果为了兼容以前的版本,那么需要实现
tableView:commitEditingStyle:forRowAtIndexPath:
方法,在这个方法里什么都不用做即可。)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息