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 

@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];
    });
}

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

你可能感兴趣的:(iOS开发——字体大小根据不同屏幕尺寸等比适配的解决方案)