ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2022-09-02 00:00:10  阅读:262  来源: 互联网

标签:控件 Indicator Busy BusyIndicator sap SAP


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

标签:控件,Indicator,Busy,BusyIndicator,sap,SAP
来源: https://www.cnblogs.com/sap-jerry/p/16648280.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有