IBM Worklight - 如何设置忙碌指示器的样式

Posted 2023-02-25

【中文标题】IBM Worklight - 如何设置忙碌指示器的样式

【英文标题】：IBM Worklight - How to style the Busy Indicator

【发布时间】：2013-09-17 21:23:46

【问题描述】：

我想弄清楚如何更改BusyIndicator 的背景样式。见下面代码sn-p和解释：

app.busyIndicator = new WL.BusyIndicator('content',  text: message, bounceAnimation: false, fullScreen: true, minDuration: 3, textColor: "white", opacity: 1, strokeOpacity: 0.25 );

这个 sn-p 将在调用时强制忙碌指示器占据 iPhone 移动设备的整个窗口。这种行为在 android 设备上有所不同。

这是我的问题：

在设备内部，如何将背景颜色从纯黑色更改为另一种颜色或透明？ 我已经覆盖了与BusyIndicator 布局相关的CSS 类...在浏览器中测试时确实有效。但是，当应用程序被推送到设备时，我仍然只看到黑色背景。为什么会这样？

【参考方案1】：

无法更改忙碌指示器的背景颜色。

对于 ios 6，它是黑色的 对于 iOS 7，它看起来更轻、更透明

以上内容与几天前发布的Worklight v6.0.0.1相关。

如果您是 IBM 客户或业务合作伙伴，并且您使用的是旧版本的 Worklight，请通过您的联系人联系 IBM 以获取此更新。

---

Android 和 iOS 对各自的忙碌指示器有不同的选项。显然，并非所有选项都适用于两个操作系统。除了提供的选项外，它不可自定义。 在移动设备中使用时，忙碌指示器是一个原生组件，因此 CSS 不适用于它。 Web/Air/Desktop/BB6/7/10/Preview 环境使用基于 html/CSS/JS 的忙碌指示器，这就是您可以通过 CSS 更改其外观的原因。

这在第 6 页的Common UI Controls 培训模块中有说明。请阅读。 More training modules.

【讨论】：

Idan，感谢您的反馈。我确实阅读了指向我尝试更改 CSS 的 UI 模块。我确实意识到busyindicator 是作为本地调用的......这就是我问这个问题的原因。我们正在使用 Worklight 6 在 iOS6 和 iOS7 中进行测试，颜色相同。目前，黑色的加载微调器看起来不错，但我试图仅使用 Worklight 中的 busyindicator 而不是在 iOS 和 Android 中创建自定义微调器。 Worklight 上必须有一些可以定制的东西（比如 Cordova 插件）。

那你没有看我的回答。正如我所写 - 在 Worklight 6.0.0.0 中，只有黑色忙碌指示灯。此外，Worklight 6.0.0.0 不支持 iOS 7（您将面临问题、崩溃、奇怪的状态栏等...要解决此问题，您需要升级到 Worklight 6.0.0.1。在 6.0.0.1 中有不同的在 iOS 7 中使用时忙碌指示器的颜色；但是，您无法自定义此颜色。iOS 中的原生忙碌指示器是 Worklight 创建的组件，在这方面不可定制（很遗憾）。

Idan，我理解你，并阅读了你的回答。再次，我很欣赏这些信息。我的目标是获得一个在设备（iOS 和 Android）中不是自定义的繁忙指示器。如果工作灯目前还不能定制，那么我想我唯一的选择就是制作一个原生组件。 Worklight 应该更加灵活，以允许自定义界面，无论平台如何，并且应该易于访问并在 API 说明中记录。

Worklight 创建了预期在特定环境中显示的内容，因此它被称为原生组件。您可以使用 Cordova（实际上在这方面不确定）或 jQuery Mobile 之类的第 3 方框架来实现跨平台看起来相同的自定义繁忙指示器（有一个关于第 3 方框架的培训模块）。

太棒了...感谢您的帮助，Idan。