Erlo

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

时间:2019-07-17 00:00   阅读:48次   来源:脚本之家页面报错

点赞

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

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

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

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

用Helvetica字体代码默认字体。

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

用UIFont的新API: + (UIFont *)monospacedSystemFontOfSize:(CGFloat)fontSize weight:(UIFontWeight)weight;

 UILabel *label = [UILabel new];
 //记得这个API是iOS9以后才有效!!!
 label.font = [UIFont monospacedSystemFontOfSize:16 weight:UIFontWeightRegular]; 

总结

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

下一篇:iOS之2016面试题一

评论留言

还没有评论留言,赶紧来抢楼吧~~

Erlo大厅()

* 这里是“吐槽厅”,所有人可看,只保留当天信息。

  • Erlo.vip2019-09-21 19:20:56Hello、欢迎使用吐槽厅,这里是个吐槽的地方。
  • 首页 笔记分享 案例展示 ERLO 搜索
    鼠标试试
    返回顶部