定时器文本的跳动问题解决

922 阅读1分钟

原文链接

一般获取验证码等操作时,会有定时器显示倒计时,但由于字体宽度变化会有跳动现像。

原因:

在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];