Android屏幕適配解決方案
一、屏幕相關基本概念
1.屏幕分辨率
手機在橫向和縱向上的像素點數(shù)總和,單位是像素(pixel),1px = 1像素點,舉個例子,1080x1920,即寬度方向上有1080個像素點,在高度方向上有1920個像素點。
2.屏幕尺寸
屏幕尺寸指屏幕的對角線的長度,單位是英寸,1英寸=2.54厘米
,比如常見的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等
3.屏幕像素密度(dpi)
屏幕像素密度是指每英寸上的像素點數(shù),單位是dpi,即“dot per inch”的縮寫。屏幕像素密度與屏幕尺寸和屏幕分辨率有關,在單一變化條件下,屏幕尺寸越小、分辨率越高,像素密度越大,反之越小。假設1英寸上像素點為160個,那么該屏幕像素密度為160dpi,同理可知其余屏幕像素密度。
為簡便起見,Android 將所有屏幕密度分組為六種通用密度: 低、中、高、超高、超超高和超超超高。
- ldpi(低)~ 120dpi
- mdpi(中)~ 160dpi
- hdpi(高)~ 240dpi
- xhdpi(超高)~ 320dpi
- xxhdpi(超超高) ~ 480dpi
- xxxhdpi(超超超高)~ 640dpi

4.屏幕相關單位
px:像素單位,屏幕上像素點的大小不是固定的,像素點可大可小
-
dp:長度單位,與具體屏幕像素無關,顯示的時候根據(jù)具體平臺屏幕密度的不同最終轉換為相應的像素長度,具體轉換規(guī)則是: 1px = (dpi/標準密度<160dpi>)*dp,標準密度為160dpi,例如,1dp長度在密度為160dpi的平臺表示一個像素的長度,而在240dpi的平臺則表示1.5個像素的長度
Density-independent pixel (dp)獨立像素密度。標準是160dip.即1dp對應1個pixel,計算公式如:px = dp * (dpi / 160),屏幕密度越大,1dp對應 的像素點越多。
上面的公式中有個dpi,dpi為DPI是Dots Per Inch(每英寸所打印的點數(shù)),也就是當設備的dpi為160的時候1px=1dp; sp:Scale Independent Pixels, 即sp或sip,Android開發(fā)時用此單位設置文字大小,可根據(jù)字體大小首選項進行縮放,推薦使用12sp、14sp、18sp、22sp作為字體設置的大小,不推薦使用奇數(shù)和小數(shù),容易造成精度的丟失問題,小于12sp的字體會太小導致用戶看不清。
5.屏幕密度無關像素dp(dip)
Density Independent Pixels,即密度無關像素。
dip和dp是一個意思,都是Density Independent Pixels的縮寫,即密度無關像素,上面我們說過,dpi是屏幕像素密度,假如一英寸里面有160個像素,這個屏幕的像素密度就是160dpi,那么在這種情況下,dp和px如何換算呢?在Android中,規(guī)定以160dpi為基準,1dip=1px,如果密度是320dpi,則1dip=2px,以此類推。
120dpi 1px=0.75*1dp
160dpi, 1px = 1dp
240dpi, 1px = 1.5*1dp
320dpi, 1px = 2*1dp
480dpi, 1px = 3*1dp
-
640dpi, 1px = 4*1dp
名稱 屏幕密度 通常分辨率 ldpi 120dpi 320*240 mhdpi 160dpi 320*480 hdpi 240dpi 480*800 xhdpi 320dpi 720*1280 xxhdpi 480dpi 1080*1920 xxxhdpi 640dpi 1440*2560 drawable名稱 dpi density drawable-ldpi dpi=120 density=0.75 drawable-mdpi dpi=160 density=1 drawable-hdpi dpi=240 density=1.5 drawable-xhdpi dpi=320 density=2 drawable-xxhdpi dpi=480 density=3
6.屏幕適配之圖片適配


在設計圖標時,對于5種主流的像素密度(mdpi,hdpi,xhdpi,xxhdpi和xxxdpi)應按照2:3:4:6:8的比例進行縮放。例如一個啟動圖片ic_launcher.png,它在各個像素密度文件夾下大小為:
- ldpi(低)36*36 (0.75x)
- mdpi(中)48*48 (1x)
- hdpi(高)72*72 (1.5x)
- xhdpi(超高)96*96 (2x)
- xxhdpi(超超高)144*144 (3x)
- xxxhdpi(超超超高)192*192 (4x)
1.存在問題
- 每套分辨率出一套圖,為美工或者設計增加了許多工作量
- 對Android工程文件的apk包變的很大
2.解決方法
-
Android SDK加載圖片流程
- Android SDK會根據(jù)屏幕密度自動選擇對應的資源文件進行渲染加載,比如說,SDK檢測到你手機的分辨率是xhdpi,會優(yōu)先到xhdpi文件夾下找對應的圖片資源
- 如果xhdpi文件夾下沒有圖片資源,那么就會去分辨率高的文件夾下查找,比如xxhdpi,直到找到同名圖片資源,將它按比例縮小成xhpi圖片
- 如果往上查找圖片還是沒有找到,那么就會往低分辨率的文件夾查找,比如hdpi,直到找到同名圖片資源,將它按比例放大成xhpi圖片
-
推薦使用尺寸:xhdpi
xhdpi目前主流,如果選用太低分辨率的圖片,那么在高分辨率手機上顯示就會模糊
iPhone主流的屏幕dpi約等于320, 剛好屬于xhdpi,設計只需切一套圖就好了。
二、限定符
1.尺寸限定符
- 在手機較小的屏幕上,加載layout文件夾布局
- 在平板電腦和電視的屏幕(>7英寸)上, 加載layout-large文件夾的布局
- Android3.2版本之前
2.最小寬度限定符(在Android3.2版本及之后版本)
- 在手機較小的屏幕上,加載layout文件夾布局
- 標準7英寸平板(其最小寬度為 600 dp),加載layout-sw600dp文件夾的布局
3.布局別名
- 適配手機的單面板(默認)布局:res/layout/activity_main.xml
- 適配尺寸>7寸平板的雙面板布局(Android3.2前):res/layout-large/activity_main.xml
- 適配尺寸>7寸平板的雙面板布局(Android3.2后):res/layout-sw600dp/activity_main.xml
這樣會導致多個文件夾下出現(xiàn)相同命名的xml文件,為了解決這個問題,我們使用了布局別名的方式:
- 適配手機的單面板(默認)布局:res/layout/activity_main.xml
- 適配尺寸>7寸平板的雙面板布局:res/layout/activity_twopanes.xml
res/values/layout.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<item name="main" type="layout">@layout/activity_main</item>
</resources>
- res/values-large/layout.xml(Android3.2之前)
<?xml version="1.0" encoding="utf-8"?>
<resources>
<item name="main" type="layout">@layout/activity_twopanes</item>
</resources>
- res/values-sw600dp/layout.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<item name="main" type="layout">@layout/activity_twopanes</item>
</resources>
- setContentView(R.layout.main);
4.屏幕方向限定符
- res/layout-land
- res/layout-port
- res/layout-sw600dp-land
- res/layout-sw600dp-port
5.屏幕適配之dimen適配
即使使用dp,依然不能解決屏幕分辨率的適配問題,我們可以針對不同的屏幕創(chuàng)建不同的dimen值,因此我們需要根據(jù)不同屏幕創(chuàng)建相應的values文件夾以及dimens.xml文件
- res/values/dimens.xml
<resources>
<dimen name="button_length_1">180dp</dimen>
<dimen name="button_length_2">160dp</dimen>
</resources>
- res/values-480x800/dimens.xml
<resources>
<dimen name="button_length_1">113dp</dimen>
<dimen name="button_length_2">100dp</dimen>
</resources>
特別提示:此dimen適配方式也適用于layout,values資源文件