gwt - GWT-Label 中的不同字体颜色

Question

是否可以在一个 gwt-label 中使用两种不同的字体颜色？

例子:

Label titleLabel = new Label(ticket.getTicketType().getName()+" - <<"+art+">>");

标签的第二部分应该是红色的。

Answer 1

使用 HTML 小部件:

titleLabel = new HTML(SafeHtmlUtils.htmlEscape(ticket.getTicketType().getName())
    + " - <span style='color: red'>&lt;&lt;"
    + SafeHtmlUtils.htmlEscape(art)
    + "&gt;&gt;</span>");

为了让它更具可读性，我会使用 SafeHtmlTemplates(作为奖励，它会检查你的 HTML 语法，并自动 htmlEscape 你的字符串，所以你不会错过任何一个，所以它更安全):

interface Template extends SafeHtmlTemplates {
   @Template("{0} - <span style='color: red'>&lt;&lt;{1}&gt;&gt;</span>")
   SafeHtml title(String ticketTypeName, String art);
}
static final Template TEMPLATE = GWT.create(Template.class)

...

titleLabel = new HTML(TEMPLATE.title(ticket.getTicketType().getName(), art));

我还将 style='color: red' 替换为 class='{2}' 和 CssResource，但这只是一个奖励，主要是一个细节。