挂件是显示少量即时、有用的信息或应用特定功能的扩展程序。例如,「新闻」挂件显示头条新闻,「日历」提供了两个小挂件,一个显示今天的事件,一个显示下一个事件。「备忘录」让你预览最近的笔记并快速创建新笔记、提醒、照片和绘图。挂件是高度可定制的,可以包含按钮、文本、布局自定义、图像等。
当你使用 3D Touch 向主屏幕的应用图标重压时,挂件会出现在快捷操作列表的上方。人们还会将他们关心的小挂件添加到「搜索屏幕」,通过在「主屏幕」和「锁屏」向右轻扫来访问「搜索屏幕」。你的目标应该是设计一个人们想要添加到「搜索屏幕」的挂件。
设计一个好的可浏览的体验。人们使用部件来获取简短的更新、执行简单的任务,因此提供适量的信息和交互至关重要。尽可能提供可通过一次点击来完成的任务。挂件内不支持平移和滚动。
快速显示内容。人们查看挂件的时间很少,不应为内容加载而等待。在本地缓存信息,以便在获取更新时始终显示最新信息。
提供充足的边距(margin)和填充(padding)。避免将内容扩展到挂件的边缘。通常,在每个边和内容之间至少提供几个像素的边距。在挂件顶部使用应用图标来当做对齐指导。当与此图标的中心对齐时,内容往往效果良好。如果你的应用提供了网格样式布局,请确保在网格项之间提供足够且相等的填充。如果可能,将图标和按钮的网格限制为每行四个。
适应性强。挂件的宽度因设备和方向而异。挂件显示的高度和信息取决于它是折叠还是展开(并非所有挂件都支持展开)。折叠的挂件是大约两个半表行的高度。展开的挂件理想情况下不要高于屏幕的高度。快捷操作列表仅显示处于折叠状态的挂件。折叠时,挂件显示可以独立的基本信息。展开时,挂件将显示附加信息来增强主要信息。例如,「天气」挂件在折叠时显示当前天气状况,但在展开时增加了每小时天气预报。
不要自定义挂件的背景。系统提供的轻量的、模糊的挂件背景,旨在保持一致性和易读性,因此尽可能使用它。不要使用照片作为背景,因为它可能会与锁屏和主屏幕的壁纸冲突。
通常,文本使用黑色或深灰色的系统字体。系统字体专为易读性而设计,深色与标准挂件背景配合效果良好。
在适当时,允许人们跳转到你的应用去执行更多操作。你的挂件应独立于应用运行。但是,如果用户偶尔需要用到比挂件提供的更多操作时,请确保能够轻松做到这一点。不要包含「打开应用程序」按钮,该按钮会占用内中的空间。相反,让人们通过点击内容本身,来前往应用中查看或编辑内容。例如,在「日历」挂件中,你可以点击事件以在「日历」应用中打开它。不要使用挂件打开其他应用。
选择一个好的挂件名称。在每个挂件的内容的上方,都有一个应用图标和标题。通常,挂件的名称应与应用的名称匹配。如果你的应用提供了多个挂件,请考虑将应用名称用于主要挂件,并为其他挂件使用清晰、简洁的名称。如果使用自定义标题,请考虑使用应用名称做为其前缀。例如,用于显示附近位置的「地图」挂件标题为「地图附近」。包含应用名称可以增强挂件由应用提供的信赖。
让人们知道身份验证何时能够增加价值。如果你的挂件在登录应用时提供了附加功能,请确保人们知道这一点。例如,若应用要显示即将进行的预订,而用户没有登录时,应用会显示消息「登录应用以查看你的预订」。
为快捷操作列表选择一个挂件。如果你的应用有多个挂件,请选择一个挂件显示在快捷操作菜单中,以便有人对主屏幕上的应用图标使用 3D Touch 施加压力时展示出来。
有关开发人员指南,请参阅应用扩展程序编程指南。