大小

设计可无缝扩缩的自适应 Android widget。您可以先使用我们建议的默认大小作为起点,然后在不同尺寸下测试布局,以确保最佳的可读性和用户体验。

默认大小

通过针对至少一种建议的尺寸优化布局,提供完善的 widget 体验。通过为手持设备和平板电脑设备定义 targetCellWidthtargetCellHeight 属性,确保在微件选择器中正确放置和显示。

这些值基于 Pixel 设备。您可以使用这些尺寸作为 widget 设计的起点。在不同尺寸和各种设备上全面测试 widget,以确保提供优质的用户体验。

手持

尺寸 最小宽度 最大宽度 最小高度 高度上限
2x1 109 “设置在应用程序有更新时是否通知您” 56 130
2x2 109 “设置在应用程序有更新时是否通知您” 115 276
2x3 109 “设置在应用程序有更新时是否通知您” 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

断点

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

借助断点,您还可以灵活地有条件地包含或排除补充内容,从而根据 widget 的尺寸优化空间利用率。

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

填充边界

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

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