样式

有效地设置 widget 的样式对于实现视觉吸引力和一致的用户体验至关重要。本部分深入探讨了定义颜色和排版时可创建最实用且最具吸引力的 Android widget 的关键概念和技巧。

颜色

使用颜色来表现风格和传达意义。为 widget 颜色设置适当的颜色对于确保易读性、个性化以及表达应用的品牌身份至关重要。

使用 Material 颜色角色和令牌满足无障碍功能对比度指南的要求并支持动态配色功能,例如用户生成的颜色以及深色或浅色主题。

有关详情,请参阅 Material Design 配色指南

动态主题

从 Android 12 开始,widget 可以为按钮、背景和其他组件使用设备主题颜色。这可以让不同的 widget、主屏幕图标和壁纸在视觉上保持一致,从而为 Android 用户提供更一致的用户体验。使用提供的颜色令牌可确保您的 widget 在由不同设备制造商提供的设备主题以及用户设置的动态主题看起来集成在一起。

图 1:调用颜色令牌的 widget 的图片。

浅色模式和深色模式

深色模式是设备界面的弱光版本,其表面主要显示深色。为了延长电池续航时间并改善眼睛舒适,用户越来越多地切换到深色模式。如果您的 widget 无法适应深色模式,它就会显得格格不入,可能会让用户感到沮丧。

图 2:左侧屏幕为浅色模式,右侧为深色。

排版

排版有助于让文字清晰易读、美观。利用字体大小和粗细来建立清晰的层次结构,引导用户关注最重要的元素。注意行间距和字母间距(字距调整),以提高可读性,尤其是对于 widget 有限空间内的较小文本显示。

层次结构

层次结构通过字体粗细、大小、行高和字母间距的不同来传达。更新后的字体比例将文本样式分为五种角色,这些角色通过命名来描述其用途。有五种文本样式为显示、大标题、标题、副标题和正文。这些新角色与设备无关,让您可以更轻松地在各种用例中应用。

图 3:显示如何使用不同字体比例的微件。