Android UI自適應不同分辨率屏幕2套解決方案

當我們談論Android UI自適應不同分辨率屏幕的時候,先來回顧下25學堂之前寫的《Android APPUI設計師必知:pt sp dp之間的關系》相關單位的知識。

如果不明白的,我們今天再次簡單的解釋下,也方便大家加深對這幾個專業(yè)名詞的印象。

pt:點

px:表示屏幕實際的象素

sp:與密度不關,是android 文字的單位

dp:為了支持WVGA、HVGA和QVGA推薦使用這個。一種基于屏幕密度的抽象單位。

各個android單位專業(yè)名詞具體詳情: 點擊查看

因為Android手機屏幕大小不一,有480x320,640x360,800x480,1280x720等主流分辨率尺寸。

Android自適應不同分辨率

解決方案一:

這種方案是最容易實現的。技術難度不大!對于我們APP ui設計師來說,需要切幾種圖片。

為了自適應大多數的android手機分辨率。drawable- hdpi、drawable- mdpi、drawable-ldpi的區(qū)別:

drawable-hdpi里面存放高分辨率的圖片,如WVGA (480x800),FWVGA (480x854)

drawable-mdpi里面存放中等分辨率的圖片,如HVGA (320x480)

drawable-ldpi里面存放低分辨率的圖片,如QVGA (240x320)

android系統會根據機器的分辨率來分別到這幾個文件夾里面去找對應的圖片。在開發(fā)程序時為了兼容不同平臺不同屏幕,建議各自文件夾根據需求均存放不同版本圖片。

這個環(huán)節(jié)可以由android 程序開發(fā)人員去完成,appui設計師配合就行。

因為還有手機屏幕是橫屏和豎屏的。所以我們也需要在res目錄下建立layout-port和layout-land兩個目錄,里面分別放置豎屏和橫屏兩種布局文件,以適應對橫屏豎屏自動切換。

這個時候也需要切2種不同的界面皮膚。

解決方案二:

這種方案是運用.9png切圖法。因為android密度分為 小 中,高,高清等。所以需要自帶匹配不同的位圖。

舉例來說,對于中等密度(medium)的屏幕你的圖片像素大小為48×48,那么低密度(low)屏幕的圖片大小應為36×36,高(high)的為72×72,extra high為96×96。

適應字體的方法是定義values320×480或value-hdpi方式去處理。

另外字體自適應大小

首先根據設計不同分辨率獲取不同字體大小。

標準分辨率為:480x320 字體大小為:30px 標題20sp,內容標題18sp,內容16sp,也有少量特殊的。

高清分辨率的在這個基礎上 x1.5倍。

 

Android界面設計新手教程和Android設計經驗分享

3

關于Android界面設計的知識點或是設計規(guī)范,25學堂跟大家分享了不少了,而且很多還是跟Android 官方的知識點,并沒有真正體現出在實踐中得出來的。今天就不一樣了,非常感謝厚樸工作室的關于Android設計經驗分享。

 

Android界面設計適配不同屏幕的尺寸和密度解讀

featured30@wdd2xAndroid是運行在各種提供不同的屏幕尺寸和密度的設備。Android系統提供跨設備的統一開發(fā)環(huán)境和處理大部分的工作,以調整每個應用程序的用戶界面,以在其上顯示的畫面。

每天更新,
全站高品質素材免費下載!