java - 如何设置 TextButton 的样式？

Question

我有一个 GWT TextButton。应用于全局 css 文件的以下 css 样式不执行任何操作:

.gwt-TextButton {
   color: red !important;
}

为什么？应用哪些正确样式来更改所有 TextButton 小部件的样式？

Answer 1

TextButton是一个单元支持的小部件，基于 appearance图案。它使用 TextButtonCell呈现内容并使用 CellWidget<T> 包装它.

您要查找的全局 css 是 gwt-ButtonCellBase但它被混淆了，因为在 ClientBundle 中使用, 所以你需要扩展 ButtonCellBase.DefaultAppearance.Resources , 提供你自己的 Style .与任何其他基于单元格的小部件非常相似。然后你需要使用正确的构造函数(TextButton(Appearance appearance, String text))。示例代码如下。

定义资源外观扩展(为清楚起见完整引用):

public interface MyResources extends ButtonCellBase.DefaultAppearance.Resources {
  @Override
  @Source(value = {ButtonCellBase.DefaultAppearance.Style.DEFAULT_CSS, "custom.css"})
  ButtonCellBase.DefaultAppearance.Style buttonCellBaseStyle();
}

内部custom.css , 覆盖任何你想要的 ButtonCellBase.css ，然后注入(inject)一切:

MyResources customResources = GWT.create(MyResources.class);
TextButtonCell.Appearance customAppearance = new TextButtonCell.DefaultAppearance(customResources);
TextButton button = new TextButton(customAppearance, "Text");

您可以很好地完成上述所有操作一次，并始终实例化任何新的 TextButton具有相同的外观。