關於字型適配的那些事

之前做過很多專案都沒考慮過字型適配問題。相信絕大多數人在做專案時，都沒仔細去考慮這件事。一般都是根據ui出的圖做個估算，有耐心的估計會自己拿工具測量下。如今，考慮到iphone機型的多樣性，ui設計師不可能針對每一款iphone的螢幕出一套ui圖。一般而言，都是基於5s的標準出ui。當我們在設定字型時，往往都是基於ui並且針對不同的螢幕字型也都是絕對的。那麼問題來了，細心的同學可能會注意到，相同大小的字型在5s或6上也許差別不大，但在6p上字型有縮小的現象，其原因由解析度導致。

在6出來不久，曾看過有關適配的文章，其中關於iphone尺寸規格如下：裝置寬

高對角線

邏輯解析度

scale factor

裝置解析度

ppi3gs

2.4inch

4.5inch

3.5inch

320x480

@1x320x480

1634(s)

2.31inch

4.5inch

3.5inch

320x480

@2x640x960

3265c

2.33inch

4.90inch

4inch

320x568

@2x640x1136

3265(s)

2.31inch

4.87inch

4inch

320x568

@2x640x1136

3266

2.64inch

5.44inch

4.7inch

375x667

@2x750x1334

3266p

3.06inch

6.22inch

5.5inch

414x736

@3x1242x2208

401

從iphone3gs/iphone4(s)過渡到iphone5(s)時，在邏輯上寬度不變高度稍高，之前舊的素材和布局通過autoresizingflexible簡單適配即可執行得很好，但由於高寬比增大，上下兩端出現黑粗邊（典型如launchimage）。從解析度的角度來看，除了需要提供launchimage這種滿屏圖，其他基本沿用二倍圖（@2x）；從螢幕尺寸角度來看，需要對縱向排版略加調整。

從iphone5(s)發展到iphone6(+)，由於高寬比保持不變，ios對圖示、、字型進行等比放大自適應，清晰度會有所降低。同時，絕對座標布局會導致在大屏下出現偏左偏上的問題。從解析度的角度來看，iphone6沿用二倍圖（@2x），但需為iphone6+提供更高的三倍圖（@3x）；從螢幕尺寸角度來看，需要重新對ui元素尺寸和布局進行適配，以期視覺協調。

以上屬於科普類的東西，下面來點實際的。

關於字型適配有2種方案。

#define adaptive__font_size_minimum_value 20
#define adaptive_font_size_maximum_value 30
-(uifont *) adjustfontsizetofillitscontents
];        cgrect rectsize = [attributedtext boundingrectwithsize:cgsizemake(self
.frame
.size
.width, cgfloat_max) options:nsstringdrawinguseslinefragmentorigin context:nil];
if (rectsize.size
.height
<= self
.frame
.size
.height) 
}return
self
.font;
}

cgfloat scale = ([uiscreen mainscreen].bounds
.size
.width / 320);
nslog(@"before : %.1f", [font pointsize]);
font = [uifont fontwithname:[font fontname] size:fontsize * scale];
nslog(@"after : %.1f", [font pointsize]);

既然需要重新設定uifont，那麼我們不可避免的要hook下uifont的類方法`fontwithname:size:做個函式交換的處理。

函式的交換我們需要用到runtime機制。

void bd_exchageclassmethod(class aclass, sel oldsel, sel newsel)

然後，我們給uifont建立乙個categroy檔案，檔名為adaptivefont。在實現檔案**如下：

@implementation
uifont (adaptivefont)
+ (void)hook
+ (uifont *)hook_fontwithname:(nsstring *)fontname size:(cgfloat)fontsize
@end

@inte***ce
uifont (adaptivefont)
+ (void)hook;
+ (uifont *)hook_fontwithname:(nsstring *)fontname size:(cgfloat)fontsize;
@end

關於字型適配的那些事

適配的那些事

關於開始的那些事

關於coredump的那些事

關於字型適配的那些事

適配的那些事

關於開始的那些事

關於coredump的那些事

相關推薦