iOSUITextField隐患解析：调整颜色引发的字体大小异常问题探析

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

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

我做了一个 demo 来重现问题&＃xff08;demo 地址&＃xff09;&＃xff0c;代码非常简单&＃xff0c;如下&＃xff1a;

let fontSize: CGFloat &＃61; 14.0class ViewController: UIViewController {var textfield: UITextField!&＃64;IBOutlet weak var slider: UISlider!override func viewDidLoad() {super.viewDidLoad()textfield &＃61; UITextField(frame: CGRect(x: 52, y: 200, width: 260, height: 19))textfield.font &＃61; UIFont.systemFont(ofSize: fontSize)textfield.backgroundColor &＃61; UIColor.redtextfield.text &＃61; "这是一行测试用的文字"view.addSubview(textfield)}&＃64;IBAction func sliderValueChanged(_ sender: Any) {let textColor &＃61; UIColor.black.colorByBlending(with: UIColor.white,percent: CGFloat(slider.value))textfield.defaultTextAttributes &＃61; [// 注释掉下面这一行&＃xff0c;问题就会消失.font: UIFont.systemFont(ofSize: fontSize),.foregroundColor: textColor]// textfield.font &＃61; UIFont.systemFont(ofSize: fontSize)}
}


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

经过一番研究&＃xff0c;发现这个 bug 有两个必要的重现条件&＃xff1a;

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

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

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