如何让分组后的iOS风格Drag and Drop小部件恢复流畅动画？

以下是针对分组后拖拽动画卡顿/缺失问题的具体优化方向，结合iOS拖拽框架特性逐一排查：

• 排查离屏渲染与视图层级
  将多个1x1视图封装到容器后，易因容器属性设置触发离屏渲染拖慢动画：

  • 关闭容器视图的masksToBounds（若无需裁剪子视图），该属性会强制图层离屏渲染
  • 若容器带阴影，必须设置shadowPath为容器边界路径，避免系统实时计算阴影范围
  • 用Xcode的Core Animation Instrument查看红色标记的离屏渲染区域，针对性移除不必要的图层效果

• 对齐系统拖拽动画配置
  单个视图的拖拽动画由系统默认优化，分组后需手动适配预览与动画参数：

  • 在previewForLifting代理方法中，给UIDragPreviewParameters设置准确的visiblePath，确保预览视图与原视图完全匹配，避免动画跳变
  • 不要自定义拖拽动画的时长或曲线，复用系统默认的UIView.AnimationCurve.easeInOut，保持和原生拖拽一致的动画节奏
  • 若使用自定义拖拽视图，仅在拖拽期间开启layer.shouldRasterize，拖拽结束后立即关闭，减少内存占用

• 优化分组视图布局性能
  复杂自动布局约束会导致拖拽过程中频繁重算布局，引发卡顿：

  • 给分组容器视图设置固定的intrinsicContentSize，避免自动布局反复计算尺寸
  • 拖拽开始时，临时降低子视图约束优先级或暂停非必要布局更新，拖拽结束后恢复
  • 用CATransaction包裹布局变更，合并动画事务，减少主线程布局触发次数

• 清理拖拽代理中的耗时操作
  代理方法中的同步耗时操作会阻塞主线程，直接导致动画卡顿：

  • 将预览视图创建、数据加载等操作移到后台线程完成，再回到主线程返回结果
  • 提前预加载分组视图的拖拽预览资源，避免在拖拽启动时临时生成

代码调整示例（优化拖拽预览） #

func collectionView(_ collectionView: UICollectionView, previewForLifting item: UIDragItem, session: UIDragSession) -> UITargetedDragPreview? {
    guard let groupCell = item.localObject as? WidgetGroupCell else { return nil }
    let previewParams = UIDragPreviewParameters()
    // 匹配容器视图实际边界，避免预览裁剪
    previewParams.visiblePath = UIBezierPath(rect: groupCell.bounds)
    previewParams.backgroundColor = .clear
    return UITargetedDragPreview(view: groupCell, parameters: previewParams)
}

内容的提问来源于stack exchange，提问作者Hưng Hoàng Văn