Question

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

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

<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（至少到目前为止），但我想知道是否有人知道更好的替代方案，或者是否有使用font-icons enums的方法代码点，例如：FontAwesome.BAR_CHART_O而不是&#xF080。

Answer 1

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

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

你仍然需要使用十六进制代码，但它比你的例子更优雅。它也是Eclipse WYSIWYG Vaadin设计师使用的东西。

稍后修改：Detailed guide to creating and using custom font icons with Vaadin

使用带声明性UI的字体图标

1 个答案: