横幅#

../../_images/banner.png ../../_images/banner-dark.png

横幅是视图顶部的一条带,包含标题和一个可选按钮。它们用于传达持久状态。

示例包括指示应用程序处于离线状态,或者文档是只读的。它们也可以用于呈现关于特殊位置或内容项目的补充信息。

何时使用#

横幅不会自动隐藏,并且会持续显示一段时间。这使得它们适合于传达状态或位置特定信息。

不要使用横幅来传达事件、一次性消息或短暂状态:请使用 通知提示 代替。

横幅的设计目的是吸引注意力,因此应仅用于传达重要信息。

指南#

横幅有一个标题,应该简短明了,并应使用 非正式标题风格 编写。 尽量避免冗长的解释,而应坚持精确的事实陈述。

好的标题示例包括

  • “按流量计费的网络 ‒ 自动更新已暂停”

  • “解锁以更改设置”

  • “正在离线工作”

API 参考#