这个 SAP UI5 控件的命名控件:sap.m.BusyIndicator

Busy Indicator 示意正在进行某些操作并且用户必须期待。 它不会阻塞以后的 UI 屏幕,因而能够并行触发其余操作。

这个控件提醒用户,以后利用的后盾正在执行某种操作。

开发人员能够设置图标的大小、文本,还能够定义一个自定义图标来代替应用。

Busy Indicator 的应用场景:

  • 用户须要可能勾销操作。
  • 只有局部应用程序或特定控件受到影响。

Busy Indicator 不太适应的场合:

  • 某种操作不到一秒钟即可实现,此时不须要应用 Busy Indicator
  • 须要阻止屏幕并阻止用户启动另一个流动。 在这种状况下,请应用 Busy Dialog.
  • 请勿更改鼠标光标的形状来提醒用户以后正在执行某种操作,这不合乎 SAP Fiori 应用标准
  • 不要一次显示多个 Busy Dialog

看一个例子:

实现源代码:

<mvc:View    xmlns:l="sap.ui.layout"    xmlns:mvc="sap.ui.core.mvc"    xmlns="sap.m">    <l:VerticalLayout class="sapUiContentPadding" width="100%">        <BusyIndicator text="... something is happening" class="sapUiTinyMarginBottom" />        <HBox justifyContent="Start" alignItems="Center">            <BusyIndicator size="3em" />        </HBox>        <BusyIndicator size="1.6rem" class="sapUiMediumMarginBegin" />    </l:VerticalLayout></mvc:View>

manifest.json 文件的内容:

{    "sap.app": {        "id": "sap.m.sample.BusyIndicator",        "applicationVersion": {            "version": "1.0.0"        }    },    "sap.ui5": {        "rootView": {            "viewName": "sap.m.sample.BusyIndicator.V",            "type": "XML",            "async": true        },        "dependencies": {            "libs": {                "sap.ui.core": {},                "sap.m": {},                "sap.ui.layout": {}            }        },        "config": {            "sample": {                "stretch": true,                "files": [                    "V.view.xml",                    "manifest.json"                ]            }        }    }}

值得一提的结构函数参数

  • customIconDensityAware:如果设置为 false,src 图像将间接加载,而不尝试为高密度设施获取密度完满图像。 默认状况下,此设置为 true,但随后会向服务器发送一个或多个申请,以尝试获取指定图像的密度完满版本。 如果带宽是应用程序的要害,则将此值设置为 false.
  • customIconRotationSpeed: 定义给定图像的旋转速度。 如果应用 .gif,则必须将速度设置为 0。单位为 ms。留神:当大于或等于 0 时,值被认为是无效的。如果提供了有效值,则速度默认为 0。