如何在 qooxdoo 移动框架中设置小部件的背景颜色？答案

【问题标题】：how to set the background color for widget in qooxdoo mobile framework?如何在 qooxdoo 移动框架中设置小部件的背景颜色？
【发布时间】：2012-10-25 03:06:30
【问题描述】：

我正在学习 qooxdoo 框架，我将在移动设备上开发 Web 应用程序。然而，问题来了。我不知道如何设置 qx.ui.mobile.core.Widget 的背景颜色。在 qx.ui.core.Widget（另一个类，我认为这是用于桌面应用程序）方面，有设置背景颜色的方法。但是，对于用于开发移动应用程序的 qx.ui.mobile.core.Widget，我可以在 API 参考中找到任何方法。我试图通过'addCssClass（）'方法来做到这一点，它适用于标签等，但是，它不适用于复合小部件。默认情况下，移动应用程序的背景图像是 iPhone 组样式表视图中使用的图像。但是，我要做的是将背景图像修改为纯背景颜色。我不知道如何做到这一点，谁能给我一些想法？谢谢！

【问题讨论】：

标签： mobile widget background-color qooxdoo

【解决方案1】：

有几种方法可以改变 qx.Mobile 小部件：

如果使用“getContainerElement()”方法，则直接获取 HTML 元素。

在那里你可以设置任何属性，你也可以在纯 HTML 中设置。

另一种可能性是添加一个类，正如您提到的：“addCssClass("foo")”

您只需将您的 css 选择器语句添加到您的项目资源文件夹中：

..资源/你的项目/css/styles.css

.foo{
  background-color:red;
}

或者您甚至可以通过http://demo.qooxdoo.org/current/apiviewer/#qx.bom.element.Style 蛮力设置样式设置（）

现在选择你的武器 =)

【讨论】：

谢谢，这很有帮助。现在我可以设置几乎所有移动小部件的样式，但是，我仍然无法修改我的应用程序的默认背景（iPhone 样式背景）。我尝试将这些行添加到 Application.js，'this.getRoot().addCssClass("white-background");'。没有错误，但它不起作用。
您必须更改 NavigationPage 的背景，而不是移动应用程序的根目录。根始终由 NavigationPage 覆盖。因此，只需将您的课程添加到您的 NavPage 中，一切都会正常运行。