android ui適配

      占比5%以上的6個(gè)主流分辨率，占比高的是480*800，320*480的設(shè)備竟然也占據(jù)了很大比例，但是和半年前的數(shù)據(jù)相比較，中低分辨率(320*480、480*800)的比例在減少，而中高分辨率的比例則在不斷地增加。雖然每個(gè)分辨率所占的比例在變化，但是總的趨勢(shì)沒(méi)變，還是這六種，只是分辨率在不斷地提高。所以說(shuō)，我們只要盡量適配這幾種分辨率，就可以在大部分的手機(jī)上正常運(yùn)行了。當(dāng)然了，這只是手機(jī)的適配，對(duì)于平板設(shè)備(電視也可以看做是平板)，我們還需要一些其他的處理。

      (1)按寬度適配

      iPhone4~6(+)的屏幕高寬比：

      iPhone4(s)：分辨率960*640，高寬比1.5

      iPhone5(s)：分辨率1136*640，高寬比1.775

      iPhone6：分辨率1334*750，高寬比1.779

      iPhone6+：分辨率1920*1080，高寬比1.778

      可粗略認(rèn)為iPhone5(s)、6(+)的高寬比是一致的(16:9)，即可以等比例縮放。這樣，共有iPhone3/4/5、6、6+三組寬度，在iPhone6、6+下將按比例橫向放大。

      (2)按高度適配

      在同樣的寬度下，iPhone4(s)的屏高比iPhone5(s)低，若縱向排版緊張，可以iPhone5(s)為基準(zhǔn)，共有iPhone3/4、5、6、6+四組高度，在iPhone3/4下將按比例縱向縮小，在iPhone6、6+下將按比例縱向放大。

      (3)按字體適配

      另外，iPhone的【設(shè)置】【通用】【輔助功能】中可以設(shè)置調(diào)節(jié)【更大字體】，APP也可以按字號(hào)適配。

      一份設(shè)計(jì)稿就不能適用于 iOS 各手機(jī)屏幕尺寸。如何支持多個(gè)尺寸屏幕，這個(gè)要分情況討論。對(duì)于常規(guī)界面我們可以偷個(gè)懶，只做 iPhone 5 屏幕尺寸的設(shè)計(jì)稿，請(qǐng)開(kāi)發(fā)在其它屏幕上自適應(yīng)，終檢查實(shí)機(jī)效果沒(méi)問(wèn)題就行。對(duì)于一些定制的界面我們應(yīng)該根據(jù)不同屏幕重新適配， iPhone 6 Plus 界面中部分切圖尺寸比 3x 更大，要單獨(dú)切圖，所以不是說(shuō)簡(jiǎn)單地給 iPhone 6 Plus 統(tǒng)一切 3x 圖就 OK 的了。這時(shí)矢量切圖在開(kāi)發(fā)中優(yōu)勢(shì)很明顯，只要把大屏幕中切圖的尺寸告訴開(kāi)發(fā)即可，無(wú)需針對(duì)非 3x 元素額外輸出切圖。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.hebeijilong.cn/news-id-36635.html 違者必究！部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注UI設(shè)計(jì)頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050