大小

设计适应性强且可无缝缩放的 Android widget。使用我们推荐的 以默认尺寸为起点,测试不同尺寸下的 以确保最佳的可读性和用户体验。

默认尺寸

通过针对至少一个应用优化布局,提供精美的 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 “创建 Google Checkout 账户” 488
3x4 “使用计算器” 488 424 672

断点

断点对于构建可适应、方便易用的可调整大小文件至关重要 微件。通过测试设计,你可以确定布局尺寸方面的阈值 调整。实现断点以触发这些更改 确保您的 widget 在任何尺寸下都能保持视觉吸引力和功能。

断点还可让您灵活地有条件地包含或排除 补充内容,根据 widget 的布局来优化空间利用率 维度。

<ph type="x-smartling-placeholder">
</ph>
图 1:使用断点在不同尺寸下更改布局。

填满边界

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

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