UICollectionViewListCell结合XIB时编辑模式动画异常问题

核心原因 #

系统默认的UICollectionViewListCell在编辑模式下，是通过调整contentView的layoutMargins来实现内容偏移的。如果自定义元素的约束直接绑定到contentView的边缘，而非layoutMargins，就不会跟随系统的偏移逻辑移动。

具体解决方案 #

1. 绑定约束到contentView的Layout Margins #

在XIB中配置自定义元素（如UITextView、UIButton）的约束时，将它们的leading/trailing约束绑定到contentView的Layout Margin，而非直接绑定到contentView的边缘。

• 示例：将UITextView的Leading约束设置为contentView.Leading Margin，Trailing约束设置为contentView.Trailing Margin。
  这样当系统在编辑模式下调整layoutMargins时，自定义元素会自动跟随偏移。

2. 重写setEditing方法手动控制偏移 #

如果XIB约束无法直接关联layoutMargins，可以在自定义的ChecklistCell中重写setEditing(_:animated:)方法，手动调整内边距或约束常量，配合系统动画：

override func setEditing(_ editing: Bool, animated: Bool) {
    super.setEditing(editing, animated: animated)
    
    // 根据编辑状态调整contentView的内边距，数值可根据附件实际宽度调整
    let leadingOffset = editing ? 80 : 0
    let trailingOffset = editing ? 0 : 0
    
    UIView.animate(withDuration: animated ? 0.3 : 0) {
        self.contentView.directionalLayoutMargins = NSDirectionalEdgeInsets(
            top: self.contentView.directionalLayoutMargins.top,
            leading: CGFloat(leadingOffset),
            bottom: self.contentView.directionalLayoutMargins.bottom,
            trailing: CGFloat(trailingOffset)
        )
        self.layoutIfNeeded()
    }
}

注意必须先调用super.setEditing(editing, animated: animated)，确保系统附件的动画正常执行。

3. 复用系统contentConfiguration（可选） #

如果自定义元素中包含文本、图标等可复用系统配置的内容，可以自定义UIListContentConfiguration，将自定义控件作为accessoryView或customView嵌入配置中。这种方式下，系统会自动处理编辑模式的偏移逻辑，无需手动调整约束。

内容的提问来源于stack exchange，提问作者Cheok Yan Cheng