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

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

IOS小彩虹2021-07-18 22:30:58180A+A-

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

显示跳动的文本

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

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

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

  1. 用Helvetica字体代码默认字体。
   UILabel *label = [UILabel new];
   label.font = [UIFont fontWithName:@"Helvetica" size:16];
  1. 用UIFont的新API:+ (UIFont *)monospacedDigitSystemFontOfSize:(CGFloat)fontSize weight:(UIFontWeight)weight;
  UILabel *label = [UILabel new];
  //记得这个API是iOS9以后才有效!!!
  label.font = [UIFont monospacedDigitSystemFontOfSize:16 weight:UIFontWeightRegular];  

点击这里复制本文地址 以上内容由权冠洲的博客整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!

支持Ctrl+Enter提交

联系我们| 本站介绍| 留言建议 | 交换友链 | 域名展示
本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除

权冠洲的博客 © All Rights Reserved.  Copyright quanguanzhou.top All Rights Reserved
苏公网安备 32030302000848号   苏ICP备20033101号-1

联系我们