UILabel显示定时器文本跳动问题的解决方法

时间:2021-08-03 08:57:29

先看一个有问题的展示效果:

UILabel显示定时器文本跳动问题的解决方法

上面的gif图会发现在显示验证码计数时出现跳动和闪烁的问题。目前大多数用来实现定时器显示的控件都是uilabel。

在ios9以前系统默认的英文字体是helvetica, 这种字体每个数字的宽度都是相等的。而在ios9以后默认的英文字体变为san fransico字体,这种字体每个数字的宽度是不相等的。

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

用helvetica字体代码默认字体。

?
1
2
uilabel *label = [uilabel new];
label.font = [uifont fontwithname:@"helvetica" size:16];

用uifont的新api: + (uifont *)monospacedsystemfontofsize:(cgfloat)fontsize weight:(uifontweight)weight;

?
1
2
3
uilabel *label = [uilabel new];
//记得这个api是ios9以后才有效!!!
label.font = [uifont monospacedsystemfontofsize:16 weight:uifontweightregular];

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对服务器之家的支持。

原文链接:https://juejin.im/post/5d2bd974e51d4556da53d16e