网格和单位

密度无关像素 (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 是指不会按设备分辨率进行缩放的分桶,通常用于矢量可绘制对象),每个分桶都对应于应用的资源文件。

图 2:以各自密度显示的派对哈密瓜

dp 的计算公式如下:

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

网格

基准网格

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

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

较小元素(如图标、类型)和组件中的某些元素最适合与 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