Question

第1部门（伟大的FontAwesomeFX）

提及JFXBadge来自JFoenix图书馆，我发现代码从github下载了他们的演示。

回到FontAwesomeFX 8.5.0的旧时代＆lt;我可以使用以下内容在应用程序图标中包含：

<?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以下代码来自6:45 am。

ControlsFX 8.40我正在尝试使用<?import org.controlsfx.glyphfont.*?> //... <Label> <graphic> <Glyph fontFamily="FontAwesome" icon="PLUS" /> </graphic> </Label> //...并且没有任何效果..... :( omggggggggg：

stormpath_manager.application

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

Answer 1

我正在添加这个答案，直到有人回答这个问题。

我想创建以下，这是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;
}

包括来自FXML

1 个答案: