兰亭秒微|UI 设计师必懂的安卓屏幕适配全攻略

你是否被安卓纷繁的屏幕规格搞得晕头转向?dp、px、dpi 傻傻分不清楚?不同分辨率下界面总变形?作为专注 UI 与体验设计的兰亭秒微,我们把多年实战沉淀的安卓屏幕知识整理成文,帮你一次性吃透适配逻辑,告别碎片化困扰。

image.png

一、先搞懂 3 个核心基础概念

 
做安卓 UI,先把这 3 个概念刻在脑子里,所有适配都基于它们展开。
 
  1. 分辨率
     
    屏幕像素总数量,写法为宽 × 高,比如 480×800、720×1280、1080×1920。
     
    720×1280 = 宽度 720 像素 + 高度 1280 像素,是界面布局的基础画布。
     
  2. 屏幕大小
     
    屏幕对角线的物理尺寸,单位英寸(inch)
     
    1 英寸 = 2.54 厘米,5 英寸屏对角线≈12.7 厘米。
     
  3. 密度(dpi/ppi)
     
    每英寸像素点数,数值越高画面越细腻。
     
    计算公式(勾股定理):
     
    对角线像素数 =√(宽 ²+ 高 ²)
     
    dpi = 对角线像素数 ÷ 屏幕尺寸
     
    例:1080×1920、5 英寸屏
     
    对角线像素≈2203,dpi≈2203÷5=440dpi
     

image.png

二、实际密度 vs 系统密度(安卓适配关键)

 
安卓屏幕碎片化严重,全靠 “系统密度” 统一缩放规则,兰亭秒微在项目中严格遵循这套标准。
 
  • 实际密度:自己算出的真实 dpi,代表屏幕细腻度。
  • 系统密度:安卓官方固定档位,共 5 档,是界面缩放的唯一依据。
 
表格
 
 
 
密度等级 系统 dpi 代表分辨率
ldpi 120 240×320
mdpi 160 320×480
hdpi 240 480×800
xhdpi 320 720×1280
xxhdpi 480 1080×1920
 
比例关系:ldpi:mdpi:hdpi:xhdpi:xxhdpi=3:4:6:8:12
 

image.png

三、万能适配单位:dp 与 sp

 
兰亭秒微所有安卓项目统一用 dp 做尺寸、sp 做文字,跨设备一致性最强。
 

1. dp(dip):密度无关像素

 
  • 作用:不同密度屏幕上,视觉大小基本一致,不随像素密度拉伸变形。
  • 基准:mdpi(160dpi)下 1dp=1px
 

2. sp:字体专用单位

 
  • 全称:scale-independent pixel
  • 特点:跟随系统字号设置缩放,保证阅读无障碍。
  • 规则:系统字号 “普通” 时,换算与 dp 完全相同。
 

四、dp ↔ px 精准换算(设计师必备)

 
记住基准与倍率,标注、切图一步到位。
 
  • 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 中标注 10dp;文字 24px → 12sp。
 

五、兰亭秒微推荐:用什么尺寸作图

 
结合现在主流机型,我们给出最优方案:
 
  1. 首选基准:1080×1920(xxhdpi)
 
  • 换算友好:1dp=3px,尺寸 / 间距用 3 的倍数,方便转 dp
  • 清晰度高,向下兼容好
  • 切图放入:drawable-xxhdpi
 
  1. 备选:720×1280(xhdpi)
 
  • 包体更小、计算简单(1dp=2px)
  • 适合对安装包大小敏感的应用
  • 切图放入:drawable-xhdpi
 

六、屏幕宽高差异与兼容处理

 
安卓不只分辨率不同,宽高 dp 与比例也不一样,直接影响布局。
 
  • 320×480、480×800:屏幕宽度320dp
  • 720×1280、1080×1920:屏幕宽度360dp
  • 常见比例:2:3、3:5、9:16
 

适配做法

 
  • 主流以360dp为默认布局
  • 320dp 窄屏单独适配,放layout-w320dp
  • 特殊分辨率:layout-854×480 等精准适配
 

七、资源文件夹规范(兰亭秒微实战标准)

 
切图放对文件夹,安卓才会自动正确缩放。
 
  • drawable-ldpi / mdpi / hdpi / xhdpi / xxhdpi:按密度自动缩放
  • drawable-nodpi不缩放,保持原像素,适合细线、分割线
  • 图标尺寸遵循 3:4:6:8:12,例:48dp 图标
    • mdpi:48px
    • hdpi:72px
    • xhdpi:96px
    • xxhdpi:144px
     
 

八、平板适配小补充

 
1280×800(10.1 英寸)平板多为 mdpi:
 
  • 直接用 1280×800 画布作图
  • 1dp=1px,换算简单
  • 资源放入drawable-mdpi
 

 
以上就是兰亭秒微整理的安卓屏幕适配全套知识,从概念、换算、作图到资源管理全覆盖。按这套标准做设计,可保证在绝大多数安卓设备上清晰、整齐、不变形。

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档