Android屏幕適配解決方案

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
image

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.屏幕適配之圖片適配

image
image

在設計圖標時,對于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加載圖片流程

    1. Android SDK會根據(jù)屏幕密度自動選擇對應的資源文件進行渲染加載,比如說,SDK檢測到你手機的分辨率是xhdpi,會優(yōu)先到xhdpi文件夾下找對應的圖片資源
    2. 如果xhdpi文件夾下沒有圖片資源,那么就會去分辨率高的文件夾下查找,比如xxhdpi,直到找到同名圖片資源,將它按比例縮小成xhpi圖片
    3. 如果往上查找圖片還是沒有找到,那么就會往低分辨率的文件夾查找,比如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資源文件

三、參考文章

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容