左滑删除按钮的自定义，让你开发事半功倍

2022-12-28 10:44:05

在 iOS 开发中为 TableView 左滑删除按钮注入个性

添加自定义按钮

TableView 中的左滑删除功能不仅实用，还可以通过自定义按钮样式提升用户体验。在 iOS 开发中，自定义左滑删除按钮通常涉及以下步骤：

创建按钮： 使用 UIButton 或 UITableViewCell 的 accessoryView 属性创建自定义按钮。
设置属性： 定义按钮的 frame、背景色和标题等属性。
添加按钮： 将按钮添加到 TableView Cell 的内容视图中。

获取对应的删除按钮

当 Cell 左滑时，我们需要获取到对应的删除按钮才能进行进一步操作。可以使用 TableView 的 editingStyleForRowAtIndexPath 方法来实现：

- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath {
    return UITableViewCellEditingStyleDelete;
}

此方法返回一个 UITableViewCellEditingStyle 枚举值，表示 Cell 的编辑样式。我们只需判断其是否为 UITableViewCellEditingStyleDelete 即可。

自定义删除按钮的样式

获取到删除按钮后，我们可以自由地对其进行个性化定制，包括颜色、文字和图片等。以修改背景颜色为例：

- (void)tableView:(UITableView *)tableView willBeginEditingRowAtIndexPath:(NSIndexPath *)indexPath {
    UITableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath];
    UIButton *deleteButton = (UIButton *)cell.accessoryView;
    deleteButton.backgroundColor = [UIColor blueColor];
}

在 willBeginEditingRowAtIndexPath 方法中，我们可以获取到即将被编辑的 Cell，然后通过 accessoryView 属性获取删除按钮，最后设置其背景颜色。

示例代码：

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"Cell"];
    
    UIButton *deleteButton = [UIButton buttonWithType:UIButtonTypeCustom];
    deleteButton.frame = CGRectMake(0, 0, 80, 30);
    [deleteButton setBackgroundColor:[UIColor redColor]];
    [deleteButton setTitle:@"删除" forState:UIControlStateNormal];
    [cell.contentView addSubview:deleteButton];
    
    return cell;
}

- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath {
    return UITableViewCellEditingStyleDelete;
}

- (void)tableView:(UITableView *)tableView willBeginEditingRowAtIndexPath:(NSIndexPath *)indexPath {
    UITableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath];
    UIButton *deleteButton = (UIButton *)cell.accessoryView;
    deleteButton.backgroundColor = [UIColor blueColor];
}

常见问题解答

Q：如何使用自定义图片而不是文字作为删除按钮？
- A：可以使用 UIImage 代替 setTitle，为按钮设置自定义图片。
Q：如何设置删除按钮的边框？
- A：使用 layer.borderWidth 和 layer.borderColor 属性设置按钮边框的宽度和颜色。
Q：如何禁用左滑删除功能？
- A：返回 UITableViewCellEditingStyleNone 作为 editingStyleForRowAtIndexPath 的返回值。
Q：如何处理删除按钮的点击事件？
- A：实现 tableView:commitEditingStyle:forRowAtIndexPath: 方法，并在其中处理删除逻辑。
Q：如何隐藏左滑删除按钮？
- A：设置 tableView.editing 为 NO 或使用 canEditRowAtIndexPath 方法返回 NO。