java - GWT - DecoratorPanel - 动态背景色

Question

我想知道如何动态设置 DecoratorPanel 的背景颜色？我能看到的所有示例都只是显示 CSS 静态修改，但我找不到任何动态示例。如果您有一些有用的片段，请分享

Answer 1

要动态编辑样式，您可以使用 Style对象，通过底层 DOM 元素到达。像下面这样的东西应该可以工作:

DecoratorPanel panel = new DecoratorPanel();
panel.getElement().getStyle().setBackgroundColor("#000000");

这样做会为 DOM 中的元素分配一个内联样式。您会在 Style 对象上找到大多数属性的方法，“setProperty(String, String)”可用于满足您更罕见的样式需求。

如果您只是在几种预设颜色之间更改背景，您也可以考虑简单地更改面板上的 css 类名称。这为您提供了将所有背景样式保留在 css 中的好处。您可以通过以下方式执行此操作:

panel.addStyleName("css-class-name");

和 panel.removeStyleName("css-class-name");