iOS下UILabel展示“定时器文本”有跳动视觉问题的解决方案

修改前,有问题的展示效果:

修改前.gif

如上所示倒计时重新计数时展示文本UILabel出现跳动和闪烁的问题。

产生原因:

在iOS9以前系统默认的英文字体是Helvetica， 这种字体每个数字的宽度都是相等的。而在iOS9以后默认的英文字体变为San Fransico字体，这种字体每个数字的宽度是不相等的。

正是因为数字宽度的不相等就导致了用UILabel来显示定时器文本时出现文字跳动闪烁的问题。 因此解决的方案就是选用一种等宽数字字体显示即可。

(产生原因引自作者：欧阳大哥2013 链接：https://www.jianshu.com/p/531c41e7950a)

解决方案:

1. 使用用Helvetica字体.

UILabel *recordTimeLabel = [UILabel new];
recordTimeLabel.font = [UIFont fontWithName:@"Helvetica" size:26];

2. 使用UIFont的API monospacedDigitSystemFontOfSize:

UILabel *recordTimeLabel = [UILabel new];
//'monospacedDigitSystemFontOfSize:',iOS9之后支持
recordTimeLabel.font = [UIFont monospacedDigitSystemFontOfSize:26 weight:UIFontWeightMedium]; 

修改后,展示效果:

修改之后.gif

那么还有一个问题,有时候用按钮做了倒计时,你会发现按钮倒计时的时候也会发生闪烁的问题,那么解决方法是:

修改你的button的属性, 直接到button的属性中把按钮由默认的system改成custom即可