美文网首页iOS 杂货铺iOS开发实用技术iOS开发攻城狮的集散地
UILabel显示定时器文本的跳动问题解决方案

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

作者: 欧阳大哥2013 | 来源:发表于2019-07-15 09:41 被阅读72次

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


    显示跳动的文本

    上面的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 *)monospacedSystemFontOfSize:(CGFloat)fontSize weight:(UIFontWeight)weight;
      UILabel *label = [UILabel new];
      //记得这个API是iOS9以后才有效!!!
      label.font = [UIFont monospacedSystemFontOfSize:16 weight:UIFontWeightRegular];  
    

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/sblgkctx.html