SAP UI5 里的 Busy Indicator 控件使用概述

简介: SAP UI5 里的 Busy Indicator 控件使用概述

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


相关文章
|
3月前
|
API
在阿里云RPA中,你可以使用"SetForegroundWindow"函数来将SAP控件置顶
【2月更文挑战第28天】 在阿里云RPA中,你可以使用"SetForegroundWindow"函数来将SAP控件置顶
63 1
|
3月前
|
C# 开发者 Windows
基于Material Design风格开源、易用、强大的WPF UI控件库
基于Material Design风格开源、易用、强大的WPF UI控件库
266 0
|
3月前
|
算法 API C++
【Qt UI】QT 窗口/控件置顶方法详解
【Qt UI】QT 窗口/控件置顶方法详解
272 0
|
3月前
|
算法 前端开发 C++
【Qt UI相关】Qt设置窗体或控件的背景色透明
【Qt UI相关】Qt设置窗体或控件的背景色透明
368 0
|
3月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
|
3月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
|
8天前
|
C# 开发者 Windows
一款基于Fluent设计风格、现代化的WPF UI控件库
一款基于Fluent设计风格、现代化的WPF UI控件库
|
1月前
|
C# Windows
一款开源、免费、现代化风格的WPF UI控件库
一款开源、免费、现代化风格的WPF UI控件库
|
1月前
Element UI 树形控件Tree 【详解】el-tree 展开指定节点,判断是否存在指定节点
Element UI 树形控件Tree 【详解】el-tree 展开指定节点,判断是否存在指定节点
131 0
|
2月前
|
API Apache C#
推荐2款开源、美观的WinForm UI控件库
推荐2款开源、美观的WinForm UI控件库
120 1