关于javascript:SAP-UI5-里的-Busy-Indicator-控件使用概述

31次阅读

共计 1343 个字符，预计需要花费 4 分钟才能阅读完成。

这个 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。

正文完