尺寸

设计可自适应的 Android 小部件,使其能够无缝缩放。使用我们推荐的默认尺寸作为起点,并在不同尺寸下测试您的布局,以确保最佳可读性和用户体验。

默认尺寸

通过针对我们推荐的至少一种尺寸优化布局,提供精致的小部件体验。通过为手持设备和平板设备定义 targetCellWidthtargetCellHeight 属性,确保在小部件选择器中的正确放置和可见性。

这些值基于 Pixel 设备。将这些尺寸用作您小部件设计的起点。在不同尺寸和各种设备上彻底测试您的小部件,以确保高质量的用户体验。

手持设备

尺寸 最小宽度 最大宽度 最小高度 最大高度
2x1 109 306 56 130
2x2 109 306 115 276
2x3 109 306 185 422
4x1 245 624 56 130
4x2 245 624 115 276
4x3 245 624 185 422

平板电脑

尺寸 最小宽度 最大宽度 最小高度 最大高度
2x1 180 304 64 120
2x2 180 304 184 304
2x3 180 304 304 488
3x1 328 488 64 120
3x2 298 488 184 304
3x3 298 488 304 488
3x4 298 488 424 672

断点

断点对于制作可自适应、用户友好的可调整大小小部件至关重要。通过测试您的设计,您可以确定需要调整布局的尺寸阈值。实现断点以触发这些更改,确保您的小部件在任何尺寸下都能保持视觉吸引力和功能。

断点还提供了根据小部件尺寸有条件地包含或排除补充内容的灵活性,从而优化了空间利用率。

图 1:使用断点在不同尺寸下进行布局更改。

填充边界

用户移除小部件的主要原因之一是与其他主屏幕元素不对齐。为防止这种情况,请确保您的小部件始终完全填充其分配的网格空间。

确保容器在所有尺寸下都能从边缘延伸到边缘。
添加自定义内边距。您的小部件应无缝地从边缘延伸到边缘。
确保您的非矩形形状在垂直或水平轴上触及网格,以保持视觉一致性。
使用固定方形形状。相反,请使用可适应各种网格尺寸的响应式矩形容器。