占位页#

占位页用图像、标题和可选的描述文字填充视图。它们用于填充通常会填充内容的空闲空间。

占位页有两种样式:插图和符号。插图占位页使用彩色图形作为图像,而符号占位页使用简单的单色图标。

../../_images/placeholder-illustration.png ../../_images/placeholder-illustration-dark.png ../../_images/placeholder-symbolic.png ../../_images/placeholder-symbolic-dark.png

何时使用#

带有插图样式的占位页主要用于应用程序的主视图,当其为空时。这样做的主要目的是避免应用程序首次使用时的尴尬空白状态。这种类型的占位页可以很好地提供指导、营造积极的氛围并与用户建立联系。

但是,占位页仅应用于应用程序的初始视图,当初始空白状态是不可避免的时。

符号占位页应用于其他可能经常包含内容但目前为空的空间,例如空文件夹、相册或搜索结果视图。

指南#

所有占位页都应包含一个标题,传达空白状态并提供指导。例如,“空文件夹”。

通常包含描述性文字以提供更多指导,例如如何添加项目。例如,“使用 + 按钮添加项目。”

也可以包含相关操作的控件,例如添加内容或启动设置向导。这是建议的按钮样式合适的场合之一。

如果插图占位页是初始引导体验的一部分,则图像应丰富多彩,文字应积极向上。这也可以通过直接称呼用户来建立与用户的关系。

符号占位页应力求微妙,不引人过多注意。使用默认符号图标颜色和中性色调的文本。

API 参考#