Swift开发：拖拽颜色拾取器时UIView背景色不更新如何解决？

以下是对应问题的排查方向和修复代码：

• 赋值时序逻辑错误
  你在手势回调方法中先调用代理通知父视图更新color，随后立刻读取color赋值给背景色，此时父视图还未完成color属性的更新，你读取到的是上一次的旧值，就会出现更新不生效的错觉。边框颜色看起来生效是因为下一次手势触发时，你读取到了上一次更新完成的颜色值，并非实时生效。
• color属性缺少变更监听
  当前的color是普通存储属性，父视图给它赋新值时不会自动触发UI更新，需要给属性添加didSet观察者，每次值变更时主动刷新UI，同时统一处理线程问题：

  var color: UIColor? {
      didSet {
          // 强制在主线程更新UI，避免子线程赋值导致UI异常
          DispatchQueue.main.async { [weak self] in
              guard let self = self else { return }
              self.borderView.backgroundColor = self.color
              // 边框颜色也可统一在这里更新，无需冗余写在手势方法中
              self.borderView.layer.borderColor = self.color?.cgColor ?? UIColor.white.cgColor
          }
      }
  }
  

• borderView缺少有效布局配置
  你初始化borderView后没有将它添加到当前视图层级，也没有给它设置尺寸约束/frame，默认尺寸为0x0，即使设置了背景色也无法显示。需要在setInit方法中补充布局逻辑：

  override func setInit() {
      bounds.size = CGSize(width: 40, height: 40)
      // 把borderView添加到当前视图
      addSubview(borderView)
      borderView.translatesAutoresizingMaskIntoConstraints = false
      NSLayoutConstraint.activate([
          borderView.widthAnchor.constraint(equalToConstant: 40),
          borderView.heightAnchor.constraint(equalToConstant: 40),
          borderView.centerXAnchor.constraint(equalTo: centerXAnchor),
          borderView.centerYAnchor.constraint(equalTo: centerYAnchor)
      ])
      // 原有手势逻辑
      let panGestureRecognizer = UIPanGestureRecognizer(target: self, action: #selector(panColorPicker(_:)))
      addGestureRecognizer(panGestureRecognizer)
      // 其余省略逻辑
      ...
  }
  

• UI更新不在主线程
  如果父视图的取色逻辑是在子线程执行，完成后直接给color赋值，所有UI操作会因为不在主线程而不生效，甚至出现属性停止更新的异常，上述didSet中的主线程调度可以直接解决该问题。
• 视图层级遮挡
  检查是否有其他透明子视图盖在borderView上方，或者borderView的alpha、isHidden属性被其他代码修改为不可见状态，导致背景色被遮挡看不到更新效果。

调整后你的手势方法只需要保留通知代理的逻辑即可，不需要处理UI更新：

@objc func panColorPicker(_ sender: UIPanGestureRecognizer) {
    // 补充手势位移处理逻辑，修改当前视图的center位置
    let translation = sender.translation(in: superview)
    center = CGPoint(x: center.x + translation.x, y: center.y + translation.y)
    sender.setTranslation(.zero, in: superview)
    // 通知父视图更新颜色
    delegate?.didMoveImagePicker(self, didMoveImagePicker: center)
}

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