小部件 Widgets

小部件是显示少量及时、有用信息或应用程序特定功能的扩展。例如，新闻小部件显示了头条新闻。日历提供了两个小部件，一个显示了今天的事件，另一个显示了接下来的内容。Notes允许您预览最近的注释，并快速创建新的Notes、提醒、照片和绘图。小部件是高度可定制的，可以包含按钮、文本、布局定制、图像等等。

当你在主屏幕上使用3D Touch向应用程序图标施加压力时，小部件出现在快速动作列表之上。人们还将他们关心的小部件添加到搜索屏幕上，通过在主屏幕和锁屏上的右滑动来访问。您的目标应该是设计一个用户想要添加到搜索屏幕的小部件。

Design a great glanceable experience.
设计一种伟大的、令人愉快的体验。
人们使用小部件来获得简短的更新和执行非常简单的任务，所以提供适当数量的信息和交互性是非常重要的。只要有可能，就提供可以在一个tap中完成的任务。不支持在小部件内进行平移和滚动。

Show content quickly.
快速显示内容。
人们花很少的时间查看小部件，不需要等待内容加载。本地缓存信息，以便在获取更新时显示最新信息。

Provide ample margins and padding.
提供足够的边距和边距。
避免将内容扩展到小部件的边缘。通常，在每个边和内容之间提供至少几个像素的边缘。使用小部件顶部的app图标进行对齐指导。当与这个图标的中心对齐时，内容往往会很好地工作。如果您的应用程序提供了一个网格样式的布局，那么确保您在网格项目之间提供了足够的和相等的填充。如果可能的话，将图标和按钮的网格限制为每行4个。

Be adaptable.
适应性强。
小部件的宽度会随设备和方向的不同而变化。小部件显示的高度和信息取决于它是否崩溃或扩展(不是所有的小部件都支持扩展)。崩溃的小部件是大约两个半表行的高度。扩展的小部件最好不要高于屏幕的高度。快速操作列表只显示崩溃状态的小部件。当崩溃时，一个小部件显示了可以独立运行的基本信息。当扩展时，小部件显示额外的信息，以增强主要信息。例如，天气小部件在崩溃时显示当前的天气状况，但在扩展时增加了每小时的预测。

Avoid customizing the background of a widget.
避免自定义小部件的背景。
该系统提供的光线、模糊的小部件背景是为一致性和易读性设计的。尽可能的使用它。不要使用照片作为背景，因为它可能与锁和主屏壁纸相冲突。

In general, use the system font in black or dark gray for text.
一般情况下，使用黑色或深灰色的系统字体作为文本。
系统字体是为易读性设计的，深色的颜色与标准的小部件背景很协调。

When appropriate, let people jump to your app to do more.
在适当的时候，让人们跳到你的应用程序去做更多的事情。
你的小部件应该独立于你的应用程序运行，但是，如果人们偶尔需要做的比你的小部件提供的更多，那么就很容易做到。不要包含一个“打开的应用程序”按钮，它会占用你的内容空间。例如，在日历小部件中，你可以在日历应用程序中点击一个事件来打开它，不要使用你的小部件来打开其他应用程序。

Pick a good widget name.
选择一个好的小部件名称。
一个应用程序图标和标题出现在每个小部件的内容之上。通常，您的小部件的名称应该与应用程序的名称相匹配。如果你的应用程序提供了多个小部件，可以考虑使用你的应用程序名来为其他的小部件命名。如果您使用自定义标题，请考虑使用您的应用程序名称预先修复它们。例如，显示附近位置的地图小部件有标题为“附近的地图”。你的应用程序名称的加入会让你相信小部件实际上是由你的应用程序提供的。

Let people know when authentication adds value.
当认证增加价值时，让人们知道。
如果您的小部件在用户登录到您的应用程序时提供了额外的功能，请确保人们知道这一点。例如，一个显示即将到来预订的应用程序可能会包含一条信息，上面写着“登录应用程序查看你的预订”。“当人们没有登录的时候。

Choose a widget for the quick action list.
为快速操作列表选择一个小部件。
如果你的应用程序有多个小部件，你可以选择一个在快速动作菜单中出现，当有人用3D Touch在主屏幕上对你的app图标施加压力时出现。

开发人员请参考 App Extension Programming Guide.

免责声明：以上内容均来自官方文档 iOS 设计指南 ，在 有道翻译 的基础上进行修改整理，仅用于个人学习。因个人水平有限，如果存在错误，请读者谅解并指出，非常感谢！