iOS开发——字体大小根据不同屏幕尺寸等比适配的解决方案

前段时间遇到一个需求,应用内的字体大小需要根据当前屏幕尺寸变化,之前合作的同事写了这部分代码,但最近发现方法有漏洞,于是自己研究了一下。

一般项目中的控件,可能同时有xib创建的和代码创建的,为了兼顾这两种方式,我查了很多资料,无非都是利用runtime替换一些系统方法,但并没有直接可用的方案,现在把试过的方案(踩过的坑)整理一下。

下文中使用的替换系统方法,均是用runtime实现的,代码在文后。

方案一 替换UILabel的 initWithFrame 和 awakeFromNib 方法

// 缩放比例
#define currentPoint  [UIScreen mainScreen].bounds.size.width / 375.0f

- (instancetype)myInitWithFrame:(CGRect)aFrame
{
    [self myInitWithFrame:aFrame];
    if (self) {
        
        // 部分不想改变字体的 把tag值设置成555跳过
        if (self.tag != 555) {
            
            CGFloat fontSize = self.font.pointSize;

            // 计算缩放后的字体大小
            CGFloat transFontsize = [self transSizeWithFontSize:fontSize];

            self.font = [UIFont fontWithName:self.font.fontName size:transFontsize];
        }
    }
    return self;
}

- (instancetype)myInitWithCoder:(NSCoder *)aDecode
{
    [self myInitWithCoder:aDecode];
    if (self) {
        
        // 部分不想改变字体的 把tag值设置成555跳过
        if (self.tag != 555) {
            
            CGFloat fontSize = self.font.pointSize;

            // 计算缩放后的字体大小
            CGFloat transFontsize = [self transSizeWithFontSize:fontSize];

            self.font = [UIFont fontWithName:self.font.fontName size:transFontsize];
        }
    }
    return self;
}

这种方法看似兼容了代码和xib两种方式创建的label,但实际上对代码创建的label并没什么用。
当调用 initWithFrame 时,还没有设置label的字体,myInitWithFrame中计算的其实是系统默认字体,后面设置字体后,也不会再调用缩放方法了

- (UILabel *)codeLabel
{
    if (!_codeLabel) {
        // 此时还没有设置字体,调用initWithFrame,替换到myInitWithFrame后,放大/缩小的是系统默认字体(17.0)
        _codeLabel = [[UILabel alloc]initWithFrame:CGRectZero];
        // 再设置字体,覆盖了刚才缩放的字体
        _codeLabel.font = [UIFont fontWithName:@"PingFang SC" size:15.0];
        _codeLabel.textColor = [UIColor blackColor];
        _codeLabel.textAlignment = NSTextAlignmentCenter;
        _codeLabel.tag = 1002;
        [self.view addSubview:_codeLabel];
    }
    return _codeLabel;
}

方案二 替换UILabel的 willMoveToSuperview 方法

此方法的优点是,不用区分代码或XIB创建,在label被添加到父视图之前,会自动调用这个方法。
将此方法替换一下:

- (void)myWillMoveToSuperview:(UIView *)newSuperview {
    
    [self myWillMoveToSuperview:newSuperview];
    
    // 计算缩放后的字体大小
    CGFloat transFontsize = [self transSizeWithFontSize:self.font.pointSize];
    self.font  = [UIFont fontWithName:self.font.fontName size:transFontsize];
}

但此方法也有很大的局限性,一旦在 addSubview后,更改label的字体,就不会再次触发此方法了

- (void)viewDidLoad {
    [super viewDidLoad];
    self.codeLabel.text = @"label_02_code";

    // 在 [self.view addSubview:_codeLabel]; 后设置字体,则不会调用myWillMoveToSuperview
    self.codeLabel.font = [UIFont fontWithName:@"PingFang SC" size:18.0];
}
- (UILabel *)codeLabel
{
    if (!_codeLabel) {
        _codeLabel = [[UILabel alloc]initWithFrame:CGRectZero];
        _codeLabel.font = [UIFont fontWithName:@"PingFang SC" size:15.0];
        _codeLabel.textColor = [UIColor blackColor];
        _codeLabel.textAlignment = NSTextAlignmentCenter;
        _codeLabel.tag = 1002;
        // 在这里才会调用 myWillMoveToSuperview
        [self.view addSubview:_codeLabel];
    }
    return _codeLabel;
}

方案三 替换UIFont的fontWithName:size:方法 && UILabel的initWithCoder方法

到此,我们发现,xib创建的label比较容易修改,不存在太多的时序问题,那么代码创建的label,我们干脆直接对font下手好了
方案:
xib --> 替换UILabel的initWithCoder方法
code --> 替换UIFont中的systemFontOfSize和fontWithName:size:方法

注意!!!在替换UILabel 的initWithCoder方法时,不要再用 fontWithName:size:或systemFontOfSize:创建新的字体了,以免将字体二次放大/缩小(踩过的坑 /(ㄒ-ㄒ)/)。

@implementation UILabel (Extension)
+ (void)HW_swizzleMethods
{
    [self swizzleWithOriginalSelector:@selector(initWithCoder:) swizzledSelector:@selector(myInitWithCoder:) isClassMethod:NO];
}
- (instancetype)myInitWithCoder:(NSCoder *)aDecode{

    [self myInitWithCoder:aDecode];
    if (self) {
        
        // 部分不想改变字体的 把tag值设置成555跳过
        if (self.tag != 555) {

            CGFloat fontSize = self.font.pointSize;
            // 计算缩放后的字体大小
            CGFloat transFontsize = [UILabel transSizeWithFontSize:fontSize];

            // 此处注意!不要用 fontWithName:size:或systemFontOfSize:创建新的字体,会再次调用UIfont的方法替换!
            // self.font = [UIFont fontWithName:self.font.fontName size:transFontsize];
            self.font = [self.font fontWithSize:transFontsize];
        }
    }
    return self;
}
@implementation UIFont (Extensions)
+ (void)HW_swizzleMethods
{
    [self swizzleWithOriginalSelector:@selector(systemFontOfSize:) swizzledSelector:@selector(mySystemFontOfSize:) isClassMethod:YES];
    [self swizzleWithOriginalSelector:@selector(fontWithName:size:) swizzledSelector:@selector(myFontWithName:size:) isClassMethod:YES];
}
+ (UIFont *)mySystemFontOfSize:(CGFloat)fontSize
{
    CGFloat transFontsize = [UIFont transSizeWithFontSize:fontSize];
    return [UIFont mySystemFontOfSize:transFontsize];
}
+ (UIFont *)myFontWithName:(NSString *)fontName size:(CGFloat)fontSize
{
    CGFloat transFontsize = [UIFont transSizeWithFontSize:fontSize];
    return [UIFont myFontWithName:fontName size:transFontsize];
}

到此,基本解决了全局字体根据屏幕尺寸缩放的问题。

附一 字体缩放比例计算

此方法只是我按照观感尝试的,实际的效果还是要看UI的要求。

#define kDelta_font_size             1.5
#define kCurrentPoint                [UIScreen mainScreen].bounds.size.width / 375.0f  // 缩放比例

// 计算缩放后的字体大小
+ (CGFloat)transSizeWithFontSize:(CGFloat)fontSize
{
    CGFloat transFontsize = fontSize;
    
    if ([UIScreen mainScreen].bounds.size.width <= 320.0) {
        // 4.0inch及以下的屏幕,如果直接按和4.7inch屏幕的比例缩小,字体会太小,观感不好,所以另外做处理
        if (fontSize <= 12.0) {
            transFontsize = fontSize;
        }else{
            transFontsize = fontSize - kDelta_font_size;
        }
    }else{
        // 按照当前屏幕与4.7inch屏幕的宽比,计算缩放后的字体大小
        transFontsize = kCurrentPoint * fontSize;
    }
    return transFontsize;
}

附二 利用runtime进行方法替换

原理就不讲了,网上很多资料,代码如下:

1 . 给NSObject扩展一个工具方法,用于交换原生的某个方法

#import "NSObject+Extensions.h"
#import <objc/runtime.h>

@implementation NSObject (Extensions)
+ (void)swizzleWithOriginalSelector:(SEL)originalSelector swizzledSelector:(SEL) swizzledSelector isClassMethod:(BOOL)isClassMethod
{
    Class cls = [self class];
    
    Method originalMethod;
    Method swizzledMethod;
    
    if (isClassMethod)
    {
        originalMethod = class_getClassMethod(cls, originalSelector);
        swizzledMethod = class_getClassMethod(cls, swizzledSelector);
    } else
    {
        originalMethod = class_getInstanceMethod(cls, originalSelector);
        swizzledMethod = class_getInstanceMethod(cls, swizzledSelector);
    }
    
    if (!originalMethod)
    {
        NSLog(@"Error: originalMethod is nil, did you spell it incorrectly? %@", originalMethod);
        return;
    }
    
    method_exchangeImplementations(originalMethod, swizzledMethod);
}

2 . 在需要的类(如UIFont)中,添加一个外部调用的方法,需要替换方法时直接调用就好了

@interface UIFont (Extensions)
+(void) HW_swizzleMethods;
@end
@implementation UIFont (Extensions)
// 需要外部调用
+ (void)HW_swizzleMethods
{
    [self swizzleWithOriginalSelector:@selector(systemFontOfSize:) swizzledSelector:@selector(Ex_systemFontOfSize:) isClassMethod:YES];
    [self swizzleWithOriginalSelector:@selector(fontWithName:size:) swizzledSelector:@selector(Ex_fontWithName:size:) isClassMethod:YES];
}

3 . 在AppDelegate的didFinishLaunchingWithOptions方法中,手动调用一下这几个类的HW_swizzleMethods方法,就OK了

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    
    [UIFont HW_swizzleMethods];
    [UILabel HW_swizzleMethods];
    
    self.window = [[UIWindow alloc]initWithFrame:[UIScreen mainScreen].bounds];
    self.window.backgroundColor = [UIColor whiteColor];
    [self.window makeKeyAndVisible];
    // ···
    return YES;
}

当然,如果不想手动调用,可以重写该类的+ load方法,这样程序启动后就会自动调用了

// 重写 load 方法,自动调用
+ (void)load {
    static dispatch_once_t onceToken;
    dispatch_once(&onceToken, ^{
        [self swizzleWithOriginalSelector:@selector(systemFontOfSize:) swizzledSelector:@selector(Ex_systemFontOfSize:) isClassMethod:YES];
        [self swizzleWithOriginalSelector:@selector(fontWithName:size:) swizzledSelector:@selector(Ex_fontWithName:size:) isClassMethod:YES];
    });
}

记录一下尝试的过程,大家有不同建议欢迎投喂~~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,802评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,109评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,683评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,458评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,452评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,505评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,901评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,550评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,763评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,556评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,629评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,330评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,898评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,897评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,140评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,807评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,339评论 2 342

推荐阅读更多精彩内容