iOS Simulator刷新异常求助：按钮点击后显示不符合预期

先同步下你的问题场景：

我在Xcode 9中创建了一款极简应用，尝试在搭载iOS 11.2的iPhone 6 iOS Simulator中运行，测试其他设备也得到相同结果。该应用在真机上运行正常，但模拟器存在问题：点击按钮后，预期按钮变为橙色且表情消失，实际按钮呈现怪异的“阴影化”外观，有时还会恢复原样。

这种模拟器与真机的UI渲染差异，在iOS 11早期版本的模拟器里是挺常见的问题，我之前也碰到过类似情况，大概率是模拟器的UIControl状态渲染bug，或是图层更新未被正确触发导致的。给你几个针对性的解决办法：

• 强制触发按钮重绘
  当你在点击事件里修改完按钮颜色、隐藏表情之后，手动调用setNeedsDisplay()或者layoutIfNeeded()，强制模拟器重新渲染按钮状态。比如在按钮的action方法里加上：

  // 替换成你的按钮实例名
  yourButton.setNeedsDisplay()
  yourButton.layoutIfNeeded()
  

  这一步能解决大部分模拟器渲染不及时的问题。

• 改用UIControl状态的背景图配置
  如果你之前是直接修改backgroundColor实现点击后的颜色变化，试试换成setBackgroundImage(_:for:)的方式配置不同状态下的按钮样式。模拟器对UIControl的状态管理兼容性更好，比如：

  // 先写个UIImage扩展，用颜色生成纯色图片
  extension UIImage {
      convenience init(color: UIColor) {
          let rect = CGRect(x: 0, y: 0, width: 1, height: 1)
          UIGraphicsBeginImageContext(rect.size)
          let context = UIGraphicsGetCurrentContext()
          context?.setFillColor(color.cgColor)
          context?.fill(rect)
          let image = UIGraphicsGetImageFromCurrentImageContext()
          UIGraphicsEndImageContext()
          self.init(cgImage: (image?.cgImage!)!)
      }
  }
  
  // 在配置按钮的地方设置状态背景
  let normalImage = UIImage(color: .yourNormalColor)
  let selectedImage = UIImage(color: .orange)
  yourButton.setBackgroundImage(normalImage, for: .normal)
  yourButton.setBackgroundImage(selectedImage, for: .highlighted)
  yourButton.setBackgroundImage(selectedImage, for: .selected)
  

  这种方式能让按钮的状态切换更稳定，模拟器不容易出现渲染异常。

• 清空模拟器缓存重置状态
  有时候模拟器的缓存会积累异常数据，导致渲染出错。你可以试试：

  1. 完全关闭当前运行的模拟器
  2. 打开Xcode，点击顶部菜单的Window > Devices and Simulators
  3. 在Simulators列表里选中目标模拟器，右键选择Erase All Content and Settings
  4. 重新编译运行你的应用

• 确认UI操作都在主线程执行
  如果你有异步操作后更新UI的情况，一定要确保所有修改按钮状态、隐藏表情的代码都在主线程里执行。模拟器对跨线程UI操作的容错率比真机低很多，容易出现奇怪的渲染问题。

如果以上方法都没解决，建议你升级Xcode 9到最新的子版本（Xcode 9.4.1是该系列的最终版本），因为早期Xcode 9对iOS 11模拟器的支持确实存在一些已知的渲染bug，升级后大概率能解决。

内容的提问来源于stack exchange，提问作者C. Hediger