大小

设计适应性强且可无缝缩放的 Android widget。您可以从我们建议的默认尺寸入手,并针对不同尺寸测试布局,以确保最佳的可读性和用户体验。

默认大小

请针对至少一种我们推荐的尺寸优化布局,以提供精美的 widget 体验。通过为手持设备和平板电脑设备定义 targetCellWidthtargetCellHeight 属性,确保微件选择器在微件选择器中的正确位置和可见性。

这些值基于 Pixel 设备。请使用这些尺寸作为微件设计的起点。请在各种设备上以不同的尺寸全面测试您的 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 与其他主屏幕元素未对齐。为防止出现这种情况,请确保 widget 始终完全填充其分配的网格空间。

确保容器以各种尺寸完全拉伸。
添加自定义内边距。您的 widget 应无缝衔接。
确保非矩形形状在纵轴或横轴上与网格相接,以实现视觉一致性。
使用固定的正方形。而应使用可适应各种网格尺寸的响应式矩形容器。