一.iPhone屏幕尺寸簡介
iPhone 4s
屏幕尺寸: 3.5英寸
分辨率:960 * 640
iPhone 5/ iPhone 5s / iPhone 5c / iPhone SE
屏幕尺寸: 4.0英寸
分辨率:1136 * 640
iPhone 6/ iPhone 6s / iPhone 7
屏幕尺寸: 4.7英寸
分辨率:1334 * 750
iPhone 6 plus / iPhone 6s plus / iPhone 7 plus
屏幕尺寸: 5.5英寸
分辨率:1920 * 1080
iPhone發(fā)展在4s之前丢郊,iPhone主流的屏幕尺寸是在3.5英寸,隨著iPhone的發(fā)展架诞,隨后依次出現(xiàn)了大尺寸的屏幕的設(shè)備干茉,隨之而來的帶給開發(fā)者的問題就是,如何一整套界面沾谓,來適配所有尺寸的屏幕呢戳鹅,當(dāng)屏幕切換的時候搏屑,怎么解決該橫屏切換豎屏的問題粉楚。這一點(diǎn)蘋果為開發(fā)者提供了解決的辦法亮垫。
Size Class 尺寸類別
二. Size Class的應(yīng)用
iOS開發(fā)中伟骨,UI控件的約束的創(chuàng)建是對開發(fā)人員最基本的步驟。適配橫屏携狭,豎屏的時候,通過蘋果提供的Size Class可以通過一組UI控件稀并,在不同的屏幕下单默,使用不同的約束,已達(dá)到不同的效果等搁廓。
Xcode 8 可視化界面,下方展示出了在各個設(shè)備下控件的顯示狀態(tài)蝙场,進(jìn)行預(yù)覽粱年。
可以觀察到wR hC這樣的顯示
W為Width台诗;H為Height;R為Regular拉庶;C為Compact
iPad的Size Class 為 wR hR
iPhone 豎屏 wC hR
iPhone 橫屏 wC hC
iPhone 橫屏 wR hC (plus機(jī)型)
通過不同的Size Class可以在添加不同的約束的時候秃励,指定該約束在不同的Size Class中可以使用,從而使得讓一組UI控件皆尔,適配了不同的尺寸的設(shè)備币励。
三.Demo練習(xí)
在設(shè)備豎屏狀態(tài)下顯示的標(biāo)簽
在plus設(shè)備橫屏狀態(tài)下顯示的標(biāo)簽
Plus機(jī)型橫屏狀態(tài)下顯示的標(biāo)簽
非plus機(jī)型顯示的標(biāo)簽