這個 SAP UI5 控制元件的命名控制元件：sap.m.BusyIndicator

Busy Indicator 表示正在進行某些操作並且使用者必須等待。 它不會阻塞當前的 UI 螢幕，因此可以並行觸發其他操作。

這個控制元件提示使用者，當前應用的後臺正在執行某種操作。

開發人員可以設定圖示的大小、文字，還可以定義一個自定義圖示來代替使用。

Busy Indicator 的使用場景：

- 使用者需要能夠取消操作。
- 只有`部分`應用程式或特定控制元件受到影響。

Busy Indicator 不太適應的場合：

- 某種操作不到一秒鐘即可完成，此時不需要使用 Busy Indicator
- 需要阻止螢幕並阻止使用者啟動另一個活動。 在這種情況下，請使用 Busy Dialog.
- 請勿更改滑鼠游標的外形來提示使用者當前正在執行某種操作，這不符合 SAP Fiori 使用規範
- 不要一次顯示多個 Busy Dialog

看一個例子：

![](https://img-blog.csdnimg.cn/img_convert/ceda87252d70a112732ef954324fced6.png)

實現原始碼：

```xml
<view xmlns:l="sap.ui.layout" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m">
	<verticallayout class="sapUiContentPadding" width="100%">
		<busyindicator text="... something is happening" class="sapUiTinyMarginBottom"></busyindicator>
		<hbox justifycontent="Start" alignitems="Center">
			<busyindicator size="3em"></busyindicator>
		</hbox>
		<busyindicator size="1.6rem" class="sapUiMediumMarginBegin"></busyindicator>
	</verticallayout>
</view>
```

manifest.json 檔案的內容：

```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。

SAP UI5 裡的 Busy Indicator 控制元件使用概述

相關文章