进度指示器Progress indicator


Progress ring example in HoloLens

进度控件提供长时间运行的操作的反馈。A progress control provides feedback that a long-running operation is underway. 当进度指示器可见时,用户可以看到等待时间并且无法与应用进行交互。When a progress indicator is visible, users can see the wait time and can't interact with the app.



进度类型Types of progress

向用户提供有关发生的情况的信息非常重要。It's important to provide the user information about what is happening. 在混合现实中,如果你的应用程序不具备良好的视觉反馈,则可以轻松地在物理环境或对象上对用户进行工作。In mixed reality, users can be easily distracted by the physical environment or objects if your app doesn't have good visual feedback. 对于需要几秒钟,如加载数据或场景正在更新的情况,最好是显示可视指示器。For situations that take a few seconds, like when data is loading or a scene is updating, it's a good idea to show a visual indicator. 有两个选项可用于向用户显示操作正在进行– 进度栏进度环There are two options to show the user that an operation is underway – a Progress bar or a Progress ring.

进度条Progress bar

进度栏显示任务完成的百分比。A Progress bar shows the percentage completed of a task. 它应在其持续时间已知 (确定性) 的操作过程中使用,但其进度不应阻止用户与应用程序交互。It should be used during an operation whose duration is known (determinate), but its progress shouldn't block the user's interaction with the app.

图像: HoloLens 中的进度栏示例Image: Progress bar example in HoloLens

spacespace
HoloLens 中的进度栏示例Progress bar example in HoloLens



进度环Progress ring

进度环仅具有不确定状态,并且在操作完成之前阻止用户交互时使用。A Progress ring only has an indeterminate state, and should be used when user interaction is blocked until the operation has completed.

图像: HoloLens 中的进度环形示例Image: Progress ring example in HoloLens

spacespace
HoloLens 设备上的进度环示例Progress ring example on HoloLens device



自定义对象的进度Progress with a custom object

你可以通过使用你自己的自定义 2D/3D 对象自定义进度控件来添加到应用的个性和品牌标识。You can add to your app's personality and brand identity by customizing the Progress control with your own custom 2D/3D objects.

Image:自定义网格示例(HoloLens)的进度Image: Progress with custom mesh example in HoloLens

spacespace
HoloLens 中的自定义网格示例的进度Progress with custom mesh example in HoloLens



最佳做法Best practices

  • billboarding 或标记一起 紧密地转换为进度的显示,因为用户可以轻松地将其标头移到空空间,并丢失上下文。Tightly couple billboarding or tag-along to the display of Progress since the user can easily move their head into empty space and lose context. 如果用户无法看到任何内容,你的应用可能看起来好像已崩溃。Your app might look like it has crashed if the user is unable to see anything. Billboarding 和标记一起内置于 prefab 中。Billboarding and tag-along is built into the Progress prefab.
  • 提供有关用户发生的情况的状态信息始终是好的。It's always good to provide status information about what is happening to the user. 进度 prefab 提供了各种视觉样式,包括用于提供状态的 Windows 标准环形类型进度。The Progress prefab provides various visual styles including the Windows standard ring-type progress for providing status. 如果希望进度的样式与应用的品牌保持一致,还可以将自定义网格与动画一起使用。You can also use a custom mesh with an animation if you want the style of your progress to align to your app’s brand.


MRTK 中的进度指示器 (适用于 Unity 的混合现实工具包) Progress indicator in MRTK (Mixed Reality Toolkit) for Unity



另请参阅See also