设计可无缝扩缩的自适应 Android widget。您可以先使用我们建议的默认大小作为起点,然后在不同尺寸下测试布局,以确保最佳的可读性和用户体验。
默认大小
通过针对至少一种建议的尺寸优化布局,提供完善的 widget 体验。通过为手持设备和平板电脑设备定义 targetCellWidth 和 targetCellHeight 属性,确保在微件选择器中正确放置和显示。
这些值基于 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 的尺寸优化空间利用率。
填充边界
用户移除 widget 的主要原因之一是它们与其他主屏幕元素未对齐。为防止发生这种情况,请确保您的 widget 始终完全填充其分配的网格空间。
正确做法
确保容器在所有尺寸下都能从边缘延伸到边缘。
错误做法
添加自定义内边距。您的 widget 应能无缝地从一个边缘延伸到另一个边缘。
正确做法
确保非矩形形状在垂直或水平轴上与网格相交,以保持视觉一致性。
错误做法
使用固定正方形。请改用可适应各种网格尺寸的自适应矩形容器。