如何在UICollectionViewCell右侧添加汉堡图标，提示用户可重排单元格

嘿，刚好对UICollectionView的拖拽重排这块比较熟，给你梳理下：

首先明确说——iOS系统并没有给UICollectionViewCell提供内置的拖拽提示汉堡图标，不像UITableView有showsReorderControl属性可以直接调出重排指示器。所以你需要手动添加这个图标，但其实实现起来很简单，而且可以利用系统资源来做，不用自己切图。

推荐的实现步骤： #

• 用SF Symbols取现成的汉堡图标：iOS 13及以上系统自带的SF Symbols里有标准的三条横线图标，对应的名称是line.horizontal.3，直接用这个就可以，风格和系统控件完全统一，还支持动态颜色、粗细调整。
• 在UICollectionViewCell中添加图标视图：
  比如在自定义Cell的初始化方法或者awakeFromNib里，创建一个UIImageView，设置好图标，然后布局到cell的右侧（注意留边距，别和其他内容重叠）。示例代码：

  class CustomCollectionViewCell: UICollectionViewCell {
      private let reorderIcon = UIImageView()
      
      override init(frame: CGRect) {
          super.init(frame: frame)
          setupReorderIcon()
      }
      
      required init?(coder: NSCoder) {
          super.init(coder: coder)
          setupReorderIcon()
      }
      
      private func setupReorderIcon() {
          reorderIcon.image = UIImage(systemName: "line.horizontal.3")
          reorderIcon.tintColor = .systemGray // 设为灰色，和系统风格匹配
          reorderIcon.contentMode = .center
          addSubview(reorderIcon)
          
          // 用Auto Layout布局到右侧，留16pt边距
          reorderIcon.translatesAutoresizingMaskIntoConstraints = false
          NSLayoutConstraint.activate([
              reorderIcon.centerYAnchor.constraint(equalTo: centerYAnchor),
              reorderIcon.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -16),
              reorderIcon.widthAnchor.constraint(equalToConstant: 24),
              reorderIcon.heightAnchor.constraint(equalToConstant: 24)
          ])
      }
  }
  

• 关联拖拽逻辑：确保你已经设置了UICollectionView的拖拽代理（UICollectionViewDragDelegate和UICollectionViewDropDelegate），以及长按手势触发重排的逻辑。如果想优化体验，可以把汉堡图标设置为拖拽的“热点”——比如给图标添加长按手势，只有长按图标时才触发重排，不过一般来说长按整个cell的体验也足够好。
• 视觉反馈优化：可以在拖拽开始时，改变汉堡图标的颜色（比如设为systemBlue），结束后恢复，让用户更直观地感知操作状态。

另外补充一点：如果你的APP需要兼容iOS 13以下的版本，那就要自己准备汉堡图标的图片资源了，不过现在大部分用户的系统版本都在13以上，用SF Symbols是最省心的方案。

内容的提问来源于stack exchange，提问作者Marcos Tanaka