使用FontAwesomeFX,如何为一个按钮设置两个图标?

时间:2018-09-26 15:33:16

标签: javafx font-awesome

在我的JavaFX程序中,我使用FontAwesomeFX在按钮,标签等上添加图标。

我通过 .fxml 文件设置样式的方式:

    <Button fx:id="btnGoToWeb"
            onAction="#btnGoToWeb">
        <tooltip>
            <Tooltip text="Go to Web"/>
        </tooltip>
        <graphic>
            <FontAwesomeIconView glyphName="GLOBE" size="1.6em"/>
        </graphic>
    </Button>

产生此按钮:

Button with 1 icon

我想知道如何向一个按钮添加2个图标。我希望有如下所示的内容(请注意,图像已修改以说明所需的输出):

enter image description here

1 个答案:

答案 0 :(得分:1)

每个@Slaw评论。

<Button mnemonicParsing="false" xmlns="http://javafx.com/javafx/8.0.141" xmlns:fx="http://javafx.com/fxml/1">
   <graphic>
      <HBox alignment="CENTER" spacing="5.0">
         <children>
            <FontAwesomeIconView />
            <FontAwesomeIconView />
         </children>
      </HBox>
   </graphic>
   <tooltip>
      <Tooltip text="Go to Web" />
   </tooltip>
</Button>

enter image description here