ios 適配 （字體 以及 控件）

ios 字體適配

先看市面上iPhone四、五、6/6p的分辨率：

iphone4 ：

點數： 320x480 pt

渲染像素： 640x960 px

屏幕分辨率：640x960 px

iphone5：

點數： 320x568 pt

渲染像素： 640x1136 px

屏幕分辨率：640x1136 px

iphone6：

點數： 375x667 pt

渲染像素： 750x1334 px

屏幕分辨率：750x1134 px

iphone6plus：

點數： 414x736 pt

渲染像素： 1242x2208 px

屏幕分辨率：1920x1080 px

 

另外， iPhone6 Plus和iPhone6 都有標準模式和放大模式兩種渲染分辨率：

iPhone6： 標準模式：750x1334 px ； 放大模式：640x1136 px

iPhone6 Plus：標準模式：1242x2208 px； 放大模式：1125x2001 px

iPhone6 Plus的放大模式是iPhone6的標準模式的1.5倍。

 

由上面的分辨率可得出結論：

1. iPhone4和iPhone5寬度是同樣的， 高度不一樣因此4和5採用同一套字體規範；

2. iPhone6的放大模式正好和iPhone5的分辨率相同， 因此6和5採用一套字體規範；

3. iPhone6的標準模式爲750x1334 px， 放大1.5倍正好是iPhone6 Plus的放大模式分辨率 1125x2001 px， 因此iPhone6 Plus的字體規範等於iPhone6的總體放大1.5倍。

 

因此： iPhone四、iPhone五、iPhone6共用一套字體規範；而iPhone6 Plus在放大模式下的字體正好是iphone6的基礎上放大1.5倍。

 

下面咱們來看看iOS上具體字體經常使用字號規律：

1. 做爲對照， 正文樣式在大字號下使用34px字體大小， 最小也不該小於22px。

2. 一般來講， 每一檔文字大小設置的字體大小和行間距的差別是2px， 通常爲了區別開標題和正文 字體大小差別至少要是4px。

3. 標題和正文樣式使用同樣的字體大小。 爲了將其和正文區分開， 標題樣式使用中等效果。

 

我的理解：

　　字體適配的話， 在6p下面1.5倍的字體會顯得很大，對於放大模式下的體驗仍是不錯的， 不過標準模式下的效果會更加精細一些， 因此標準模式下的適配最好根據機型來進行適配， 或者根據屏幕寬度來進行適配， 這樣有個好處：就是5和4保證用的是同一套字體規範， 6 單獨一套， 6p也是單獨一套字體規範。

 

iOS控件適配

因爲4， 5， 6， 6plus的分辨率不相同， 咱們要按下面三種適配規則進行多屏幕適配：

1. 文字流式

　　這個形式相似於window上文本編輯器的自動換行----- 較寬的屏幕文字顯示多一些， 窄的屏幕文字顯示少一些。文字根據屏幕的寬度進行自動佈局。

顯示文字的控件不能給固定值， 要根據屏幕的寬度進行自動佈局。

 

2. 彈性控件

　　就是界面元素垂直方向上高度不變； 水平方向上寬度變化時，經過調整元素間距或元素右對齊的方式自適應。

簡而言之， 就是控件高度不變， 寬度對屏幕進行適配。

 

3. 等比縮放

　　有些元素適配到大屏幕時，例如圖片， 在大屏幕上要作等比放大， 這樣看着更舒服一些。

 

 

總結：由網易新聞的app得出

頭條一欄： 全部設備上控件的高度同樣 ， 裏面的字體大小也是同樣， 這裏用了文字彈性控件

圖片： 這列根據屏幕的寬度進行了等比縮放適配。字體也是進行了等比適配。 還有文字流式適配。