设计自适应且可无缝扩展的 Android widget。不妨从我们推荐的默认尺寸着手,在不同维度测试您的布局,以确保最佳的可读性和用户体验。
默认尺寸
针对至少一种我们推荐的尺寸优化布局,提供精美的 widget 体验。通过为手持设备和平板电脑设备定义 targetCellWidth
和 targetCellHeight
属性,确保在 widget 选择器中正确放置位置和可见性。
这些值基于 Pixel 设备。请使用这些尺寸作为 widget 设计的起点。在各种设备上以不同尺寸对 widget 进行全面测试,以确保提供优质的用户体验。
手持设备
尺寸 | 最小宽度 | 最大宽度 | 最小高度 | 最大高度 |
---|---|---|---|---|
2x1 | 109 | “设置在应用程序有更新时是否通知您” | 44 | 130 |
2x2 | 109 | “设置在应用程序有更新时是否通知您” | 115 | 276 |
2x3 | 109 | “设置在应用程序有更新时是否通知您” | 185 | 422 |
4x1 | 245 | 624 | 44 | 130 |
4x2 | 245 | 624 | 115 | 276 |
4x3 | 245 | 624 | 185 | 422 |
平板电脑
尺寸 | 最小宽度 | 最大宽度 | 最小高度 | 最大高度 |
---|---|---|---|---|
2x1 | 180 | “创建 Google Checkout 账户” | 64 | 120 |
2x2 | 180 | “创建 Google Checkout 账户” | 184 | “创建 Google Checkout 账户” |
2x3 | 180 | “创建 Google Checkout 账户” | “创建 Google Checkout 账户” | 488 |
3x1 | “‘设备键盘设置’屏幕” | 488 | 64 | 120 |
3x2 | “使用计算器” | 488 | 184 | “创建 Google Checkout 账户” |
3x3 | “使用计算器” | 488 | 424 | 672 |
3x4 | 456 | 672 | 344 | 488 |
断点
断点对于构建适应性强、人性化且可调整大小的 widget 至关重要。通过测试设计,您可以在需要调整布局的位置查明尺寸阈值。实现断点以触发这些更改,以确保 widget 在任何尺寸下都能保持视觉吸引力和功能不变。
断点还可让您灵活地有条件地包含或排除补充内容,从而根据 widget 的维度优化空间利用率。
填充边界
用户移除 widget 的主要原因之一是与其他主屏幕元素未对齐。为防止出现这种情况,请确保 widget 始终完全填满其分配的网格空间。