iOS字体适配方案
2018-10-23 本文已影响110人
HotCatLx
0. 硬广插入
1. 结构梳理
- 字体适配相关概念
- 现有机型的物理尺寸和分辨率数据
- 适配方案整理
- 适配方案
- 根据机型和屏幕尺寸加减和等比缩放
- runtime : 方法替换
结构梳理
2. 相关文章
3.字体适配概念
3.1 现有机型的物理尺寸图和分辨率数据
不同机型数据
在iPhone X, iPhone XS, iPhone XR出来之前,iPhone适配只需要两套图@2x & @3x 两套图,在新的5.8 ,6.1, 6.5即将要出来之前大家都在猜测是不是要出新的@4x来适配了?但是尺寸数据出来之后大家都松了口气.
- 之前我们以750x1334px（375x667pt）为基础设计页面，得到750尺寸切图即@2x，本套适配适用于iPhone6-7-8-XR
- 1242x2208px版本切图即@3x,这套切图适用于iPhone Plus-X-XSM-XS
- 一般情况下iPhoneX使用Plus分辨率切图即可。Plus分辨率为2208x1242px
3.2 使用场景
- 项目中如果有对字体根据不同机型,不同屏幕宽度显示不同的字号这样的需求,那么就需要使用文字适配
- 个人觉得随着不同屏幕宽度进行字体字号适配会让文字阅读更舒服,如果UI控件做了适配,那么文字不做适配会在5.5寸或者5.8等屏幕上阅读起来有点不舒服,是一个UI规范
- 下面我总结的三种方案,都只适合纯代码去构建字体代码,如果是XIB OR storyboard构建的UI界面,并未找到一个好的方案,如果有,请告诉我,谢谢
3.2 解决方案
适配方案
4.字体适配方案概述
4.1 使用宏根据屏幕宽度或者机型来适配
- 条件:在什么屏幕显示字体字号,要有一定的UI规范
- 使用场景:纯代码
//1.在PCH文件中定义宏,方便调用,调用UIFont的分类方法
#define FontCaseOne(F) [UIFont fit_configure:(F)]
//2. UIFont(FitFont) 分类方法实现,此处采用的方案是375屏宽以上字体＋1,375屏宽以上字体-1
+ (UIFont *)fit_configure:(CGFloat)font {
if (SCREEN_WIDTH == 320) {
return [UIFont systemFontOfSize:(font - 1)];
}else if (SCREEN_WIDTH == 375){
return [UIFont systemFontOfSize:font];
}else{
return [UIFont systemFontOfSize:(font + 1 )];
}
}
4.2 根据屏幕高度,做字体适配
- 使用场景,UI组件竖屏流体居多
- 根据屏幕宽度做不同字体适配,但是适配方案是根据屏幕高度的比例来做
//1.在PCH文件中定义宏,方便调用,调用UIFont的分类方法
#define FontCaseTwo(F) [UIFont fit_configureWithScreenWidith:(F)]
#define FitHeight(H) [UIView fit_configureHeight:(H)]
//2. UIView (Fit)方法实现,实现fit_configureHeight方法
+ (CGFloat)fit_configureHeight:(CGFloat)height {
CGFloat H = (height / 667.000 * [UIScreen mainScreen].bounds.size.height);
return H;
}
//3. UIFont(FitFont) 分类方法实现,实现fit_configureWithScreenWidith方法
+ (UIFont *)fit_configureWithScreenWidith:(CGFloat)font {
if (SCREEN_WIDTH == 320) {
return [UIFont systemFontOfSize:FitHeight(font)];
}else if (SCREEN_WIDTH == 375){
return [UIFont systemFontOfSize:FitHeight(font)];
}else{
return [UIFont systemFontOfSize:FitHeight(font)];
}
}
4.3 根据屏幕高度,利用runtime方法交换适配
- 实际使用较多
- 方案:根据屏幕宽度的不同比例来适配
- 注意:方法调换之后已经交换了IMP,自己写的方法指向的湿系统的方法,不要写错了方法
- 在demo中如果用了这个方案,整个调用系统的方案都会被修改,别的方案就没有效果了
- 使用就正常调用即可 : [UIFont systemFontOfSize:14]
// UIFont (RuntimeFit)实现
+ (void)load {
Method selfMethod = class_getClassMethod([self class], @selector(runtimeFitFont:));
Method systenMethod = class_getClassMethod([self class], @selector(systemFontOfSize:));
method_exchangeImplementations(selfMethod, systenMethod);
}
+ (UIFont *)runtimeFitFont:(CGFloat)fontSize {
UIFont *fitFont = nil;
//这里并不会造成递归调用,方法已经被交换
fitFont = [UIFont runtimeFitFont:fontSize * (SCREEN_WIDTH / 375 )];
return fitFont;
}
4.4 效果
-
根据实际项目需求选择适合自己的方案才是最重要的
8P屏幕
XSM屏幕
