ios的螢幕適配幾乎不需要大量的**操作,更多的時間我們只是動動滑鼠選擇一下就搞定。可以蘋果在這方面做的還是比較人性的,解放了開發者。
機型資源解析度
螢幕寬高,單位點
螢幕模式
iphone 3gs
320x480
320x480
1xiphone 4s
640x960
320x480
2xiphone 5/5c/5s
640x1136
320x568
2xiphone 6
750x1334
375x667
2xiphone 6 plus
1242x2208
414x376
3x當面對大中小三種螢幕需要適配的時候,很容易想到先做好一種螢幕,再去適配剩下兩種螢幕。第乙個決定是到底以哪種螢幕作為設計和開發的基準尺寸。我們選擇中間尺寸的iphone 6(750px/375pt)作為基準,基於幾個原因:
1、從中間尺寸向上和向下適配的時候介面調整的幅度最小。375pt下的設計效果適配到414pt和320pt偏差不會太大。假設以414pt為基準做出很優雅的設計,到320pt可能元素之間比例就不是那麼回事了,比如和文字之間視覺比例可能失調。
2、iphone 6 plus有兩種顯示模式,標準模式解析度為1242x2208,放大模式解析度為1125x2001(即iphone 6的1.5倍)。可見官方系統裡iphone 6和iphone 6 plus解析度之間就存在1.5倍的倍率關係。很多情況下這兩種尺寸可以用1.5倍直接等比適配。
3、1242x2208這個奇葩的數值是蘋果官方都不願意公開宣傳的乙個解析度,不便於記憶和計算柵格。640x1136雖然是廣泛應用的乙個解析度,但是大屏時代依然以小尺寸為設計基準顯然不合時宜,設計師會停留在小屏的視角做設計。
所以,iphone6的750x1334是最適合基準尺寸。
選定基準尺寸後,為了不讓750x1334解析度的在iphone 6 plus上放大太多出現模糊的情況,我們採750x1334的1.5倍(1125x2001)作為設計尺寸.ui工程師在設計ui時,所有尺寸均為3的倍數,在程式需要設定大小時,用的畫素除以3.即得到程式需要的點單位數.處理可以用prepo這個工具自動生成@2x @3x。
注:因為3gs現在裝置較少,所以我們一般支援到2x和3x模式就可以了,即750x1334和1125x2001
iOS 螢幕適配
螢幕適配 1 螢幕適配的發展過程 計算frame autoreszing 父控制項和子控制項的關係 autolayout 任何控制項都可以產生關係 sizeclass 沒有螢幕適配,直接使用frame固定子控制項的大小 螢幕大小一樣,但是如果進行ipad開發,就需要考慮螢幕適配 螢幕大小不一樣,需要...
iOS螢幕適配
ios的螢幕適配從純frame到autoresizingmask再到autolayout,autoresizingmask autolayout sizeclassesautoresizingmask和autolayout不相容 sizeclasses依賴autolayout autoresizin...
iOS螢幕適配
一 ios螢幕適配發展歷程 裝置適配技術 4及以前 ipad未出 直接用 計算 有了ipad autoresizing 有不同螢幕的iphone後 autolayout 有更多不同螢幕的iphone後 sizeclass 1 直接用 計算 由於螢幕的大小都一樣,只有橫豎屏的情況,可以直接計算 2 a...