java - 包括来自FXML的FontAwesomeFX图标和字形

部门1 (伟大的FontAwesomeFX)

提及JFXBadge来自JFoenix库，
我找到了从github下载示例的代码。

回到FontAwesomeFX 8.5.0的旧时代

<?import de.jensd.fx.fontawesome.Icon?>
<?import com.jfoenix.controls.JFXBadge?>

<HBox spacing="20" style="-fx-padding: 0 0 0 50;">
                <children>
 <JFXBadge fx:id="badge1" styleClass="icons-badge" text="1">
     <Icon awesomeIcon="STAR" size="2em" style=";" styleClass="icon" />
  </JFXBadge>
     </children>
</HBox>

旧解决方案:

您需要的行是:

<Icon awesomeIcon="STAR" size="2em" style=";" styleClass="icon" />

现在，经过几次更新，我添加了newest jar(8.9)，但我不知道如何执行此操作？

在纯Java 代码中，您可以使用FontAwesomeFX - only rectangles displayed的答案进行操作

最后:

我如何像上述那样从FontAwesomeFX到.fxml包含图标，这样我就可以通过SceneBuilder实时检查它们，而不必编译运行舞蹈。

包括ControlsFX的答案也将被接受:)，我需要以一种或另一种方式包括图标。

来自8.0.10版本的图标:



版本8.9.0中的图标(一切都不同):

第2区(伟大的ControlsFX)

下面BitBucket中的代码的discussion。

这是6:45 am，我正在尝试使用ControlsFX 8.40，但没有任何效果..... :( omggggggggg:

<?import org.controlsfx.glyphfont.*?>
//...
<Label>
    <graphic>
        <Glyph fontFamily="FontAwesome" icon="PLUS" />
    </graphic>
</Label>
//...

我从上面的代码中得到一个矩形...

最佳答案

我将添加此答案，直到有人回答该问题。

我想创建下面的，它是JFXBadge:



我使用的旧代码(带有FontAwesomeFX 8.0.10):

FXML 部分:

<?import de.jensd.fx.fontawesome.Icon?>
<?import com.jfoenix.controls.JFXBadge?>

//..
<HBox spacing="20" style="-fx-padding: 0 0 0 50;">
                <children>
 <JFXBadge fx:id="badge1" styleClass="icons-badge" text="1">
     <Icon awesomeIcon="STAR" size="2em" style=";" styleClass="icon" />
  </JFXBadge>
     </children>
</HBox>
//..

文本(Top-RIGHT)和实际ICON的CSS 部分:

.icon{
    -fx-text-fill: #FE774D;
    -fx-padding: 10.0;
    -fx-cursor: hand;
}

.icons-badge .badge-pane {
    -fx-background-color:#ff4081;
    -fx-background-radius:23.0;
    -fx-pref-width: 23.0;
    -fx-pref-height: 23.0;
    -fx-alignment: center;
}

.icons-badge Label{
    -fx-font-weight: BOLD;
    -fx-font-size: 13.0px !important;
    -fx-text-fill: WHITE;
}