出自UXGuide.net

设计一个模态视图

Designing a Modal View

The overall look of a modal view should coordinate with the application that displays it. For example, a modal view often includes a navigation bar that contains a title and buttons that cancel or complete the modal view’s task. The navigation bar should have the same background appearance as the navigation bar in the application.

模态视图的整体外观应该与显示它的应用程序相协调。例如，模态视图通常包含一个导航栏，导航栏中包含一个标题和一些用于取消或完成模态视图中的任务的按钮。模态视图的导航栏应与应用程序中的导航栏有相同的背景。

A modal view should usually display a title that identifies the task in some way. If appropriate, you can also display text in other areas of the view that more fully describes the task or provides some guidance. For example, the Messages application provides a modal view when users want to compose a text message. This modal view, shown in Figure 7-6, displays a navigation bar with the same background as the application navigation bar and with the title New Message.

模态视图通常应该显示一个标题，用于定义它的任务。如果必要，还可以在视图中的其它位置显示文字，以更充分的描述任务或提供一些引导。例如，当用户想撰写文字信息时，邮件应用程序会提供一个模态视图。如图7-6所示，这种模态视图的导航栏显示了一个与应用程序导航栏相同的背景，在标题中还有新信息的文字提示。

Figure 7-6  A modal view should coordinate with the application screen
图7-6 模态视图应该和应用程序界面相协调

In a modal view, you can use whichever controls are required to accomplish the task. For example, you can include text fields, buttons, and table views.

在一个模态视图中，你可以使用任何一种控件来完成任务。例如，你可以包含文本域，按钮和表格视图。

You can choose to reveal a modal view in a way that coordinates with your application and enhances the user’s awareness of the temporary context shift the view represents. To do this, you can specify one of the following transition styles:

你可以这样来使用一个模态视图，它既与你的应用程序相协调，又能提升用户对于视图所代表的当前内容变化的认知。要做到这一点，你可以指定以下这些视图间过渡的方式：

• Vertical. The modal view slides up from the bottom edge of the screen and slides back down when dismissed. (This is the default transition style.)

垂直。显示的时候，模态视图从屏幕底部向上滑动；消失的时候，再从顶部向下滑动到底部。（这是默认的过渡方式。）

• Flip. The current view flips horizontally from right to left to reveal the modal view. Visually, the modal view looks as if it is the back of the current view. When the modal view is dismissed, it flips horizontally from left to right, revealing the previous view.

翻转。当前视图从右向左翻转，以显示模态视图。从视觉上看，模态视图好像是当前视图的背面。当模态视图消失时，沿水平方向，从左至右翻转，然后显示原来的视图。

If you decide to vary the transition styles of the modal views in your application, avoid doing so merely for the sake of variety. Be aware that users notice such differences and will assume that they mean something. For this reason, it’s best to establish a logical, consistent pattern that users can easily detect and remember, and avoid changing transition styles gratuitously.

如果你决定更改应用程序中的模态视图的翻转样式，要避免仅仅为了获得不同的形式而这样做。请注意，用户会觉察到这种差异，并推断出这种差异有其他什么寓意。由于这个原因，最好建立一个合乎逻辑的，一致的模式，这样用户可以轻松地识别和记忆，避免在不必要的时候改变了视图间翻转的风格。