iOS UITextField 的坑：更改颜色导致字体忽大忽小

每年开始的时候都许愿，今年要好好写博客，记录学到的东西，然后只坚持一两篇。今年也不例外！这就是第一篇:)

最近遇到一个非常奇怪的 UI bug。业务上有一个需求，就是在页面滚动的时候，让一个 UITextField 的文字颜色逐渐变化。很正常的需求吧？然而出现了非常奇怪的现象：尽管代码只改了字体的颜色，文字的大小却也会忽大忽小，像下面的 gif 所示：

忽大忽小的文字

我做了一个 demo 来重现问题（demo 地址），代码非常简单，如下：

let fontSize: CGFloat = 14.0

class ViewController: UIViewController {

  var textfield: UITextField!
  @IBOutlet weak var slider: UISlider!

  override func viewDidLoad() {
    super.viewDidLoad()
    textfield = UITextField(frame: CGRect(x: 52, y: 200, width: 260, height: 19))
    textfield.font = UIFont.systemFont(ofSize: fontSize)
    textfield.backgroundColor = UIColor.red
    textfield.text = "这是一行测试用的文字"
    view.addSubview(textfield)
  }

  @IBAction func sliderValueChanged(_ sender: Any) {
    let textColor = UIColor.black.colorByBlending(
      with: UIColor.white,
      percent: CGFloat(slider.value))
    textfield.defaultTextAttributes = [
      // 注释掉下面这一行，问题就会消失
      .font: UIFont.systemFont(ofSize: fontSize),
      .foregroundColor: textColor
    ]
    // textfield.font = UIFont.systemFont(ofSize: fontSize)
  }
}

可以看到，设置 defaultTextAttributes 的时候，只有 .foregroundColor 这个属性发生了变化，而虽然有 .font 这个 key 但 value 带的 fontSize 是一个常数，它是完全没变化的。然鹅，却出现了字体忽大忽小的问题……

经过一番研究，发现这个 bug 有两个必要的重现条件：

文字必须是中文。其他语言我没试过，纯英文的文字是不会出现问题的；
defaultTextAttributes 必须得有 .font 这个 key。如果没有这个 key，也是不会出现问题的。

这肯定是苹果 UIKit 自带的 bug 无疑了。既然知道了重现条件，解决这个问题的方法也很简单…… 就是在设置 defaultTextAttributes 的时候，先把 .font 从里面去掉，然后在后面再补一句 textfield.font = ... 就行了。

因为工程上代码比较复杂，我花了好久才定位到问题、做出能重现的 demo…… 所以在此记录一下，祭奠我浪费的几个小时本可以睡懒觉的时间 ><

最后编辑于：2019.01.06 12:25:08