弹窗是临时视图,当你点击控件或某区域时,弹窗出现在屏幕其他内容上方的。通常,弹窗都包含指向其出现位置的箭头。弹窗可以是非模态的,也可以是模态的。非模态弹窗,可以通过点击屏幕的其他部分或弹窗的按钮,将其取消。模态弹窗,可以通过点击弹窗上的「取消」或其他按钮,将其取消。
弹窗适用于较大的屏幕,可以包含各种元素,包括导航栏、工具栏、选项卡栏、表格、集合、图像、地图和自定义视图。当弹窗可见时,通常禁用与其他视图的交互,直到弹窗消失。使用弹窗来显示与屏幕上内容相关的选项或信息。例如,当点击操作按钮时,许多 iPad 应用会显示共享选项的弹窗。
不要在 iPhone 上显示弹窗。通常,弹窗应用于 iPad 应用程序。在 iPhone 应用中,会通过在全屏模式视图中显示信息,以充分利用所有可用的屏幕空间,而不会使用弹窗。有关相关指导,请参阅模态。
「关闭」按钮仅用于确认和引导。如果表述足够清楚,就值得使用「关闭」按钮,如「取消」或「完成」,用于保存或未保存修改的退出。通常,当不再需要弹窗时,应自动关闭。在大多数情况下,当点击边界之外的区域或选择弹窗中的项目时,弹窗应关闭。如果可以进行多选,则弹出行应保持打开状态,直到有人明确的关闭它,或点击其边界之外。
始终在关闭非模式弹窗时,保存工作。用户很容易在无意中点击屏幕其他部分,而关闭非模态弹窗。只有当用户点击明确的「取消」按钮时,才放弃工作。
在屏幕上适当地放置弹窗。弹窗的箭头应尽可能直接指向显示它的元素。由于弹窗无法在屏幕上拖动,因此弹窗不应覆盖用户在使用弹窗时,可能需要查看的基本内容。弹窗也不应覆盖显示弹窗的点击元素。
一次显示一个弹窗。显示多个弹窗会使界面变得混乱,并造成困惑。永远不要显示一个从另一个衍生出来的瀑布形式或层次结构的弹窗。如果需要显示新的弹窗,首先关闭打开的弹窗。
不要在弹窗上显示另一个视图。除了警示弹窗外,不应在弹窗上方显示任何内容。
如果可能,让用户通过轻点手势,来关闭一个弹窗并打开另一个弹窗。当存在多个不同的按钮分别打开不同的弹窗时,特别需要避免额外的点击。
避免使弹窗过大。弹窗不应占据整个屏幕。使其大小足够显示内容并指向出处。请注意,系统可能会调整弹窗的大小,以确保其大小适合于屏幕。
确保自定义弹窗看起来像弹窗。尽管你可以自定义弹窗视觉的许多方面,但不要创造一个人们可能无法识别为弹窗的设计。当弹窗包含标准控件和视图时,最为适用。
更改弹窗大小时,提供平滑的形变。某些弹窗提供了相同信息的压缩视图和扩展视图。如果调整弹窗的大小,请为其设置过渡动画,以避免让人误以为新的弹窗取代了旧的弹窗。
有关开发人员指南,请参阅 UIPopoverPresentationController。