談一談Android 屏幕適配問題

1. 基本概念

1.1 像素

像素是指由圖像的小方格組成的,這些小方塊都有一個明確的位置和被分配的色彩數(shù)值,小方格顏色和位置就決定該圖像所呈現(xiàn)出來的樣子。一個數(shù)字序列表示的圖像中的一個最小單位,稱為像素。

單位:px(pixel),1px = 1像素點
px 為絕對單位,1 px 在任何地方都是一樣大的。

1.2 分辨率

定義:顯示分辨率(屏幕分辨率)是屏幕圖像的精密度,是指顯示器所能顯示的像素有多少。
具體到手機上:手機在橫向、縱向上的像素點數(shù)總和。
一般描述成 寬*高 ,即橫向像素點個數(shù) * 縱向像素點個數(shù)(如1080 x 1920)。
單位:px(pixel),1px = 1像素點

1.3 屏幕尺寸(in)

含義:屏幕尺寸依屏幕對角線計算,通常以英寸(inch)作單位,指熒幕對角的長度。
單位 英寸(inch),一英寸大約2.54cm
常見的尺寸有4.7寸、5寸、5.5寸、6寸

1.4 屏幕像素密度(in)

含義:圖像每英寸長度內(nèi)的像素點數(shù)。
單位:dpi(dots per inch)
計算: 像素密度 = 像素 / 尺寸 (dpi = px / in) 這里是基礎定義,一般在應用中,計算尺寸要與dp 結合計算。

標準屏幕像素密度(mdpi): 每英寸長度上160個像素點(160dpi),即稱為標準屏幕像素密度(mdpi)。 通用對應屏幕分辨率:320 x 480

image.png

計算公式:


image.png

1.5 配置限定符

Android 支持若干配置限定符,您可以通過使用短劃線分隔每個限定符,從而向一個目錄名稱添加多個限定符。
最常見的是small、normal、large、xlarge

表 2 按優(yōu)先級順序列出了有效的配置限定符;如果對資源目錄使用多個限定符,則必須按照官方表中所列順序?qū)⑵涮砑拥侥夸浢Q中。
https://developer.android.com/guide/topics/resources/providing-resources?hl=zh-cn

1.6 密度無關像素(dp)

dp是一種密度無關像素,對應于160dpi下像素的物理尺寸。density-independent pixel。
Android 特有,可簡單的理解成,表現(xiàn)的比例相同。在標準DPI的設備下,相同的dp 長度,顯示在屏幕上的大小比例是相同的。

density:密度,意思就是 1 dp 占當前設備多少像素。
換算公式:
px = dp * (dpi / 160)

px = density * dp
density =dpi / 160

舉個栗子:
在一個分辨率為:在一個標準像素密度的手機上(320 x 480),80dp 占用80px,約占整個屏幕的1/4 大小。

在2倍 標準 像素密度的手機上(640 * 960),80dp 占用大概 2 * 80px = 160px
也占 1/4 屏幕大小。

雖然dp 是密度無關的,但實際上,屏幕顯示時,最終還是會轉換成px值顯示。

2. 需要適配的根本原因

平時開發(fā)時,是根據(jù)UI設計稿,按照一般的開發(fā)流程。 比如UI 提供了2倍圖的圖片(放入xhdpi 目錄下)。 圖片大小,一般設計成 直接除以2 換成dp。
如果手機廠商嚴格按照Google提供的標準的2倍標準像素密度,完全沒有問題,在所有的機型上,表現(xiàn)都應該一致。
問題是很多廠商會自主修改尺寸,分辨率等等,像素密度并不是推薦的像素密度的設計,所以會存在 這種直接除以2,得出的dp 值,在部分機型上失真問題。

3. 適配的常用手段

  • 長度盡量使用密度無關像素單位dp (字體用sp)
  • 不要使用絕對布局
  • 使用wrap_content、match_parent、weight等
  • 使用minWidth、minHeight、lines等屬性

4. 圖片存放目錄

image.png

5. 關于近日頭條的適配方案

原理還是根據(jù)px = dp * density 這個公式展開。

 public static float applyDimension(int unit, float value,
                                       DisplayMetrics metrics)
    {
        switch (unit) {
        case COMPLEX_UNIT_PX:
            return value;
        case COMPLEX_UNIT_DIP:
            return value * metrics.density;
        case COMPLEX_UNIT_SP:
            return value * metrics.scaledDensity;
        case COMPLEX_UNIT_PT:
            return value * metrics.xdpi * (1.0f/72);
        case COMPLEX_UNIT_IN:
            return value * metrics.xdpi;
        case COMPLEX_UNIT_MM:
            return value * metrics.xdpi * (1.0f/25.4f);
        }
        return 0;
    }

density 是 DisplayMetrics 中的成員變量,而 DisplayMetrics 實例通過 Resources#getDisplayMetrics 可以獲得,而Resouces通過Activity或者Application的Context獲得。
相關API:
DisplayMetrics#density 就是上述的density
DisplayMetrics#densityDpi 就是上述的dpi
DisplayMetrics#scaledDensity 字體的縮放因子,正常情況下和density相等,但是調(diào)節(jié)系統(tǒng)字體大小后會改變這個值。

字體部分:針對DisplayMetrics#scaledDensity的特殊性,因?qū)isplayMetrics#scaledDensity和DisplayMetrics#density設置為同樣的值,從而某些用戶在系統(tǒng)中修改了字體大小失效了。但是我們還不能直接用原始的scaledDensity,直接用的話可能導致某些文字超過顯示區(qū)域,因此我們可以通過計算之前scaledDensity和density的比獲得現(xiàn)在的scaledDensity,方式如下:

image

但是測試后發(fā)現(xiàn)另外一個問題,就是如果在系統(tǒng)設置中切換字體,再返回應用,字體并沒有變化。于是還得監(jiān)聽下字體切換,調(diào)用 Application#registerComponentCallbacks 注冊下 onConfigurationChanged 監(jiān)聽即可。

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

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

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