网格和单位

密度无关像素 (dp) 和可缩放像素 (sp) 对于构建布局和呈现字体至关重要,这些字体能够对构成 Android 设备的各种屏幕密度、尺寸类别、外形规格和宽高比做出一致响应。

要点总结

  • 如果使用基准网格,请使用 4 和 8 的测量值。
  • 以 dp 和 sp 而不是像素为单位注明规格。
  • 为所有存储分区导出位图/光栅图形。
  • 在设计时,应采用响应式思维,并考虑不同的大小类别、分辨率和宽高比。
  • 密度无关像素 (dp):密度无关像素是一种灵活的单位,可缩放以在任何屏幕上具有统一的尺寸。它们基于屏幕的物理密度。这些单位相对于 160 dpi(每英寸点数)屏幕确立,在该屏幕上 1 dp 大致等于 1 px。
  • 可缩放像素 (sp):可缩放像素的用途与 dp 相同,但适用于字体。sp 的默认值与 dp 的默认值相同。Android 系统会根据 Android 设备以及用户在设备的“设置”应用中设置的偏好设置来计算要使用的实际字体大小。
图 1:dp 与 sp 的表示法

这两种测量单位之间的主要区别在于,可伸缩像素会保留用户的字体设置。为方便无障碍使用而将文本设置为较大字号的用户,看到的字体大小与其文本大小偏好设置一致。了解如何在 Compose 中更改字体大小

Android 使用这些单位来帮助在各种设备和分辨率之间进行缩放和转换。

密度分桶

高密度屏幕的每英寸像素数比低密度屏幕的高。因此,相同像素尺寸的界面元素在低密度屏幕上会显得更大,在高密度屏幕上会显得更小。因此,您不应以像素为单位声明测量值。

Android 会将一系列屏幕密度划分为“分桶”,并使用这些分桶向您的设备提交最佳资源组。最常用的密度分桶是 mdpihdpixhdpixxhdpixxxhdpinodpianydpi 是指不按设备分辨率缩放的分桶,通常用于矢量可绘制对象),每个分桶都对应于应用的资源文件。

mdpi 的密度为 x1、hdpi 的密度为 x1.5、xhdpi 的密度为 x2、xxhdpi 的密度为 x3,而 xxxhdpi 的密度为 x4
图 2:各个密度的派对哈密瓜

dp 的计算公式如下:

dp =(宽度(以像素为单位)* 160)/ 屏幕密度

网格

基准网格

使用底层网格进行构建有助于在界面中创建一致的间距和对齐方式。Android 界面使用 8 dp 网格来处理布局、组件和间距。

视频 1:显示 8dp 网格,突出显示 8dp 增量

较小的元素(例如图标、文本和组件中的某些元素)最好与 4 dp 网格对齐。

图 3:8 dp 网格最适合大多数界面元素,而 4 dp 网格更适合图标等较小的元素

列网格

列会构建网格结构,通过在正文区域内划分内容来为布局提供垂直定义。内容会放置在屏幕中包含列的区域。与底层网格对齐以对齐内容,但应保持灵活的尺寸。如需了解如何设置列网格并应用内容,请参阅布局基础知识

图 4:四列网格

如需详细了解如何跨设备规格创建灵活的布局,请参阅 Material 3 规范布局页面。

大小类别

窗口大小类别是一组主观的视口断点,有助于您设计、开发和测试自适应的应用布局。Android 将窗口大小类别划分为 3 类:紧凑型、中等和扩展型。不妨详细了解窗口大小类

宽高比

宽高比是指元素宽度与高度的比率。宽高比的写法为宽度:高度。

为了保持布局的一致性,请对图片、Surface 和屏幕尺寸等元素使用一致的宽高比。

建议在界面中使用以下宽高比:

  • 16:9
  • 3:2
  • 4:3
  • 1:1
  • 3:4
  • 2:3