不可不知的安卓螢幕知識

2021-07-07 02:53:51 字數 4114 閱讀 7056

不少設計師和工程師都被安卓裝置紛繁的螢幕搞得暈頭轉向,我既做ui設計,也做一部分安卓介面布局,剛好對這塊內容比較熟悉,也曾在公司內部做過相關的講座,在此,我將此部分知識重新梳理出來分享給大家!

1、了解幾個概念

(1)解析度。解析度就是手機螢幕的畫素點數,一般描述成螢幕的「寬×高」,安卓手機螢幕常見的解析度有480×800、720×1280、1080×1920等。720×1280表示此螢幕在寬度方向有720個畫素,在高度方向有1280個畫素。

(2)螢幕大小。螢幕大小是手機對角線的物理尺寸,以英吋(inch)為單位。比如某某手機為「5寸大屏手機」,就是指對角線的尺寸,5寸×2.54厘公尺/寸=12.7厘公尺。

(3)密度(dpi,dots per inch;或ppi,pixels per inch)。從英文顧名思義,就是每英吋的畫素點數,數值越高當然顯示越細膩。假如我們知道一部手機的解析度是1080×1920,螢幕大小是5英吋,你 能否算出此螢幕的密度呢?哈哈,中學的勾股定理派上用場啦!通過寬1080和高1920,根據勾股定理,我們得出對角線的畫素數大約是2203,那麼用 2203除以5就是此螢幕的密度了,計算結果是440。440dpi的螢幕已經相當細膩了。

2、實際密度與系統密度

尚未發現他處使用「實際密度」和「系統密度」這兩個詞彙,暫時由我如此定義吧。

「實際密度」就是我們自己算出來的密度,這個密度代表了螢幕真實的細膩程度,如上述例子中的440dpi就是實際密度,說明這塊螢幕每寸有440個 畫素。5英吋1080×1920的螢幕密度是440,而相同解析度的4.5英吋螢幕密度是490。如此看來,螢幕密度將會出現很多數值,呈現嚴重的碎片 化。而密度又是安卓螢幕將介面進行縮放顯示的依據,那麼安卓是如何適配這麼多螢幕的呢?

其實,每部安卓手機螢幕都有乙個初始的固定密度,這些數值是120、160、240、320、480,我們權且稱為「系統密度」。大家發現規律沒 有?相隔數值之間是2倍的關係。一般情況下,240×320的螢幕是低密度120dpi,即ldpi;320×480的螢幕是中密度160dpi,即 mdpi;480×800的螢幕是高密度240dpi,即hdpi;720×1280的螢幕是超高密度320dpi,即xhdpi;1080×1920的 螢幕是超超高密度480dpi,即xxhdpi。

安卓對介面元素進行縮放的比例依據正是系統密度,而不是實際密度。

3、乙個重要的單位dp

dp也可寫為dip,即density-independent pixel。你可以想象dp更類似乙個物理尺寸,比如一張寬和高均為100dp的在320×480和480×800的手機上「看起來」一樣大。而實際 上,它們的畫素值並不一樣。dp正是這樣乙個尺寸,不管這個螢幕的密度是多少,螢幕上相同dp大小的元素看起來始終差不多大。

另外,文字尺寸使用sp,即scale-independentpixel的縮寫,這樣,當你在系統設定裡調節字型大小大小時,應用中的文字也會隨之變大變小。

4、dp與px的轉換

在安卓中,系統密度為160dpi的中密度手機螢幕為基準螢幕,即320×480的手機螢幕。在這個螢幕中,1dp=1px。

100dp在320×480(mdpi,160dpi)中是100px。那麼100dp在480×800(hdpi,240dpi)的手機上是多少 px呢?我們知道100dp在兩個手機上看起來差不多大,根據160與240的比例關係,我們可以知道,在480×800中,100dp實際覆蓋了 150px。因此,如果你為mdpi手機提供了一張100px的,這張在hdpi手機上就會拉伸至150px,但是他們都是100dp。

中密度和高密度的縮放比例似乎可以不通過160dpi和240dpi計算,而通過320px和480px也可以算出。但是按照寬度計算縮放比例不適 用於超高密度xhdpi和超超高密度xxhdpi了。即720×1280中1dp是多少px呢?如果用720/320,你會得出1dp=2.25px,實 際這樣算出來是不對的。dp與px的換算要以系統密度為準,720×1280的系統密度為320,320×480的系統密度為 160,320/160=2,那麼在720×1280中,1dp=2px。同理,在1080×1920中,1dp=3px。

大家可以記住下面這個比例,dp與px的換算就十分easy啦!

ldpi:mdpi:hdpi:xhdpi:xxhdpi=3:4:6:8:12,我們發現,相隔數字之間還是2倍的關係。計算的時候,以mdpi 為基準。比如在720×1280(xhdpi)中,1dp等於多少px呢?mdpi是4,xhdpi是8,2倍的關係,即1dp=2px。反著計算更重 要,比如你用photoshop在720×1280的畫布中製作了介面效果圖,兩個元素的間距是20px,那要標註多少dp呢?2倍的關係,那就是 10dp!

當安卓系統字型大小設為「普通」時,sp與px的尺寸換算和dp與px是一樣的。比如某個文字大小在720×1280的ps畫布中是24px,那麼告訴工程師,這個文字大小是12sp。

5、建議在xdhpi中作圖

安卓手機有這麼多螢幕,我到底依據哪種螢幕作圖呢?沒有必要為不同密度的手機都提供一套素材,大部分情況下,一套就夠了。

現在手機比較高的解析度是1080×1920,你可以選擇這個尺寸作圖,但是素材將會增大應用安裝包的大小。並且尺寸越大的占用的記憶體也就 越高。如果你不是設計rom,而是做一款應用,我建議大家用ps在720×1280的畫布中作圖。這個尺寸兼顧了美觀性、經濟性和計算的簡單。美觀性是 指,以這個尺寸做出來的應用,在720×1280中顯示完美,在1080×1920中看起來也比較清晰;經濟性是指,這個解析度下匯出的尺寸適中,內 存消耗不會過高,並且檔案大小適中,安裝包也不會過大;計算的簡單,就是1dp=2px啊,多好計算啊!

做出來的,記著讓介面工程師放進drawable-xhdpi的資源資料夾中。

6、螢幕的寬高差異

在720×1280中作圖,要考慮向下相容不同的螢幕。通過計算我們可以知道,320×480和480×800的螢幕寬度都是320dp,而 720×1280和1080×1920的螢幕寬度都是360dp。它們之間有40dp的差距,這40dp在設計中影響還是很大的。如下圖蝴蝶距離螢幕 的左右邊距在320dp寬的螢幕和360dp寬的螢幕中就不一樣。

不僅寬度上有差異,高度上的差異更加明顯。對於天氣等工具類應用,由於介面一般是獨佔式的,更要考慮螢幕之間的比例差異。

如果想消除這些比例差異,可以通過新增布局檔案來實現。一般情況下,布局檔案放在layout資料夾中,如果要單獨對360dp的螢幕進行調整,你 可以單做做乙個布局檔案放在layout-w360dp中;如果你想對某個特殊的解析度進行調整,那麼你可以將布局檔案放在標有解析度的資料夾中,如 layout-854×480。

7、幾個資源的資料夾

在720×1280中做了,要讓開發人員放到drawable-xhdpi的資源資料夾中,這樣才可以顯示正確。個人認為僅提供一套素材就可以 了,可以測試一下應用在低端手機上執行是否流暢,如果比較卡頓,可以根據需要提供部分mdpi的素材,因為xhdpi中的執行在mdpi的手機上 會比較佔記憶體。

以應用圖示為例,xhdpi中的圖示大小是96px,如果要單獨給mdpi提供圖示,那麼這個圖示大小是48px,放到drawable-mdpi 的資源資料夾中。各個資源資料夾中的尺寸同樣符合ldpi:mdpi:hdpi:xhdpi:xxhdpi=3:4:6:8:12的規律。

如果你把乙個高2px的分割線素材做成了9.png,你想讓細線在不同密度中都是2px,而不被安卓根據密度進行縮放,怎麼辦?你可以把這個分 割線素材放到drawable-nodpi中,這個資源資料夾中的,將按照實際畫素大小進行顯示,而不會被安卓根據密度進行縮放。即在mdpi中細線 是2px(2dp),在xhdpi中細線是2px(1dp)。

UI設計師不可不知的安卓螢幕知識

ui設計師不可不知的安卓螢幕知識 不少設計師和工程師都被安卓裝置紛繁的螢幕搞得暈頭轉向,我既做 ui設計,也做一部分安卓介面布局,剛好對這塊內容比較熟悉,也曾在公司內部做過相關的講座,在此,我將此部分知識重新梳理出來分享給大家!1 了解幾個概念 1 解析度。解析度就是手機螢幕的畫素點數,一般描述成螢...

不可不知的健康知識

健康最重要 晚上9 11點為免疫系統 淋巴 排毒時間,此段時間應安靜或聽 晚間11 凌晨1點,肝的排毒,需在熟睡中進行。凌晨1 3點,膽的排毒,亦同。凌晨3 5點,肺的排毒。此即為何咳嗽的人在這段時間咳得最劇烈,因排毒動作已走到肺 不應用止咳藥,以免抑制廢積物的排除。凌晨5 7點,大腸的排毒,應上廁...

不可不知的sudo命令

在linux運維工作中,每個人都應該各司其職。比如說運維經理掌握了root使用者,普通的運維人員一般人手乙個普通登入使用者。root使用者不簡單啊,建立使用者,日常重啟伺服器工作,以及一些其他的日常工作都是root使用者來完成的!很厲害吧!雖然運維經理是乙個super man,但是人家畢竟是經理嘛!...