大小

设计自适应且可无缝扩展的 Android widget。不妨从我们推荐的默认尺寸着手,在不同维度测试您的布局,以确保最佳的可读性和用户体验。

默认尺寸

针对至少一种我们推荐的尺寸优化布局,提供精美的 widget 体验。通过为手持设备和平板电脑设备定义 targetCellWidthtargetCellHeight 属性,确保在 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 的维度优化空间利用率。

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

填充边界

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

请确保无论尺寸如何,容器都从边缘到边缘拉伸。
添加自定义内边距。您的微件应能无缝衔接到无边框。
确保您的非矩形在纵轴或横轴上与网格接触,以实现视觉一致性。
使用固定方形形状。请改用可适应各种网格尺寸的自适应矩形容器。