先看一個有問題的展示效果:
上面的gif圖會發(fā)現(xiàn)在顯示驗證碼計數(shù)時出現(xiàn)跳動和閃爍的問題。目前大多數(shù)用來實現(xiàn)定時器顯示的控件都是UILabel朴沿。
在iOS9以前系統(tǒng)默認的英文字體是Helvetica雌芽, 這種字體每個數(shù)字的寬度都是相等的授艰。而在iOS9以后默認的英文字體變?yōu)镾an Fransico字體,這種字體每個數(shù)字的寬度是不相等的世落。
正是因為數(shù)字寬度的不相等就導致了用UILabel來顯示定時器文本時出現(xiàn)文字跳動閃爍的問題。 因此解決的方案就是選用一種等寬數(shù)字字體顯示即可糟需。為此有兩個解決方案:
- 用Helvetica字體代碼默認字體屉佳。
UILabel *label = [UILabel new];
label.font = [UIFont fontWithName:@"Helvetica" size:16];
- 用UIFont的新API:+ (UIFont *)monospacedDigitSystemFontOfSize:(CGFloat)fontSize weight:(UIFontWeight)weight;
UILabel *label = [UILabel new];
//記得這個API是iOS9以后才有效!V扪骸武花!
label.font = [UIFont monospacedDigitSystemFontOfSize:16 weight:UIFontWeightRegular];