蘭亭秒微|UI 設(shè)計(jì)師必懂的安卓屏幕適配全攻略
你是否被安卓紛繁的屏幕規(guī)格搞得暈頭轉(zhuǎn)向?dp、px、dpi 傻傻分不清楚?不同分辨率下界面總變形?作為專注 UI 與體驗(yàn)設(shè)計(jì)的蘭亭秒微,我們把多年實(shí)戰(zhàn)沉淀的安卓屏幕知識(shí)整理成文,幫你一次性吃透適配邏輯,告別碎片化困擾。
一、先搞懂 3 個(gè)核心基礎(chǔ)概念
做安卓 UI,先把這 3 個(gè)概念刻在腦子里,所有適配都基于它們展開。
-
分辨率
屏幕像素總數(shù)量,寫法為
寬 × 高,比如 480×800、720×1280、1080×1920。
720×1280 = 寬度 720 像素 + 高度 1280 像素,是界面布局的基礎(chǔ)畫布。
-
屏幕大小
屏幕對(duì)角線的物理尺寸,單位
英寸(inch)。
1 英寸 = 2.54 厘米,5 英寸屏對(duì)角線≈12.7 厘米。
-
密度(dpi/ppi)
每英寸像素點(diǎn)數(shù),數(shù)值越高畫面越細(xì)膩。
計(jì)算公式(勾股定理):
對(duì)角線像素?cái)?shù) =√(寬 ²+ 高 ²)
dpi = 對(duì)角線像素?cái)?shù) ÷ 屏幕尺寸
例:1080×1920、5 英寸屏
對(duì)角線像素≈2203,dpi≈2203÷5=
440dpi
二、實(shí)際密度 vs 系統(tǒng)密度(安卓適配關(guān)鍵)
安卓屏幕碎片化嚴(yán)重,全靠 “系統(tǒng)密度” 統(tǒng)一縮放規(guī)則,蘭亭秒微在項(xiàng)目中嚴(yán)格遵循這套標(biāo)準(zhǔn)。
- 實(shí)際密度:自己算出的真實(shí) dpi,代表屏幕細(xì)膩度。
- 系統(tǒng)密度:安卓官方固定檔位,共 5 檔,是界面縮放的唯一依據(jù)。
| 密度等級(jí) |
系統(tǒng) dpi |
代表分辨率 |
| ldpi |
120 |
240×320 |
| mdpi |
160 |
320×480 |
| hdpi |
240 |
480×800 |
| xhdpi |
320 |
720×1280 |
| xxhdpi |
480 |
1080×1920 |
比例關(guān)系:ldpi:mdpi:hdpi:xhdpi:xxhdpi=3:4:6:8:12

三、萬能適配單位:dp 與 sp
蘭亭秒微所有安卓項(xiàng)目統(tǒng)一用 dp 做尺寸、sp 做文字,跨設(shè)備一致性最強(qiáng)。
1. dp(dip):密度無關(guān)像素
- 作用:不同密度屏幕上,視覺大小基本一致,不隨像素密度拉伸變形。
- 基準(zhǔn):mdpi(160dpi)下 1dp=1px
2. sp:字體專用單位
- 全稱:scale-independent pixel
- 特點(diǎn):跟隨系統(tǒng)字號(hào)設(shè)置縮放,保證閱讀無障礙。
- 規(guī)則:系統(tǒng)字號(hào) “普通” 時(shí),換算與 dp 完全相同。
四、dp ↔ px 精準(zhǔn)換算(設(shè)計(jì)師必備)
記住基準(zhǔn)與倍率,標(biāo)注、切圖一步到位。
- mdpi(160dpi):1dp = 1px
- hdpi(240dpi):1dp = 1.5px
- xhdpi(320dpi):1dp = 2px
- xxhdpi(480dpi):1dp = 3px
快速換算口訣:
- xhdpi(720×1280):px ÷ 2 = dp
- xxhdpi(1080×1920):px ÷ 3 = dp
例:PS 里 20px 間距 → xhdpi 中標(biāo)注 10dp;文字 24px → 12sp。
五、蘭亭秒微推薦:用什么尺寸作圖
結(jié)合現(xiàn)在主流機(jī)型,我們給出最優(yōu)方案:
- 首選基準(zhǔn):1080×1920(xxhdpi)
- 換算友好:1dp=3px,尺寸 / 間距用 3 的倍數(shù),方便轉(zhuǎn) dp
- 清晰度高,向下兼容好
- 切圖放入:drawable-xxhdpi
- 備選:720×1280(xhdpi)
- 包體更小、計(jì)算簡(jiǎn)單(1dp=2px)
- 適合對(duì)安裝包大小敏感的應(yīng)用
- 切圖放入:drawable-xhdpi
六、屏幕寬高差異與兼容處理
安卓不只分辨率不同,寬高 dp 與比例也不一樣,直接影響布局。
- 320×480、480×800:屏幕寬度320dp
- 720×1280、1080×1920:屏幕寬度360dp
- 常見比例:2:3、3:5、9:16
適配做法
- 主流以360dp為默認(rèn)布局
- 320dp 窄屏單獨(dú)適配,放
layout-w320dp
- 特殊分辨率:
layout-854×480 等精準(zhǔn)適配
七、資源文件夾規(guī)范(蘭亭秒微實(shí)戰(zhàn)標(biāo)準(zhǔn))
切圖放對(duì)文件夾,安卓才會(huì)自動(dòng)正確縮放。
drawable-ldpi / mdpi / hdpi / xhdpi / xxhdpi:按密度自動(dòng)縮放
drawable-nodpi:不縮放,保持原像素,適合細(xì)線、分割線
- 圖標(biāo)尺寸遵循 3:4:6:8:12,例:48dp 圖標(biāo)
- mdpi:48px
- hdpi:72px
- xhdpi:96px
- xxhdpi:144px
八、平板適配小補(bǔ)充
1280×800(10.1 英寸)平板多為 mdpi:
- 直接用 1280×800 畫布作圖
- 1dp=1px,換算簡(jiǎn)單
- 資源放入
drawable-mdpi
以上就是蘭亭秒微整理的安卓屏幕適配全套知識(shí),從概念、換算、作圖到資源管理全覆蓋。按這套標(biāo)準(zhǔn)做設(shè)計(jì),可保證在絕大多數(shù)安卓設(shè)備上清晰、整齊、不變形。
蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))www.bjlzjm.com.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。