尺寸调整

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

默认尺寸

通过针对我们推荐的至少一个尺寸优化布局来提供完善的小部件体验。通过为手持设备和平板电脑定义 targetCellWidth 和 targetCellHeight 属性，确保在小部件选择器中正确放置和显示。

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

手持设备

尺寸 最小宽度 最大宽度 最小高度 最大高度
2x1 109 306 48 130
2x2 109 306 115 276
2x3 109 306 185 422
4x1 245 624 48 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：使用断点在不同尺寸下进行布局更改。

填充边界

用户删除小部件的主要原因之一是与其他主屏幕元素错位。为避免这种情况，请确保您的部件始终完全填充其分配的网格空间。

操作

确保容器在所有尺寸下都边缘对齐。

不要

添加自定义填充。您的部件应无缝地边缘对齐。

操作

确保您的非矩形形状在垂直或水平轴线上与网格相接，以保持视觉一致性。

不要

使用固定的正方形形状。改为使用响应式矩形容器，以适应各种网格尺寸。