UILabel顯示定時器文本的跳動問題解決方案

先看一個有問題的展示效果:


顯示跳動的文本

上面的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];  
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容