iOS UITextField 的坑:更改颜色导致字体忽大忽小
2019-01-06 本文已影响250人
戴仓薯
每年开始的时候都许愿,今年要好好写博客,记录学到的东西,然后只坚持一两篇。今年也不例外!这就是第一篇:)
最近遇到一个非常奇怪的 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…… 所以在此记录一下,祭奠我浪费的几个小时本可以睡懒觉的时间 ><