在声明性 UI 中使用字体图标

Question

在使用 Vaadin 7.4.6 开发新应用程序时，我发现自己需要为各种按钮提供图标。通常我会使用 dashboardButton.setIcon(FontAwesome.BAR_CHART_O); 来执行此操作，但我正在尝试以声明方式执行此操作。

现在，如果我在按钮定义中包含一个跨度，如下所示，我可以实现类似的效果...

<v-button _id="dashboardButton" primary-style-name="valo-menu-item" style-name="borderless">
    <span class="v-icon FontAwesome">&#xF080</span>
    Dashboard
</v-button>

...而且我已经知道 books mentions that mapping objects to attributes is not supported（至少到目前为止），但我想知道是否有人知道更好的选择，或者是否有使用字体图标枚举而不是代码点，例如：FontAwesome.BAR_CHART_O 而不是 &#xF080.

Answer 1

以下也有效（至少在 v7.5.0 和 Valo 中）。

<v-button icon="fonticon://FontAwesome/f0c7">Save</v-button>

您仍然需要使用十六进制代码，但它比您的示例更优雅。这也是 Eclipse WYSIWYG Vaadin 设计器所使用的。

稍后编辑：

在声明性 UI 中使用字体图标

Using font icons with declarative UIs

vaadin

vaadin7