阅读 664

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 有两个必要的重现条件:

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

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

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

关注下面的标签,发现更多相似文章
评论