按钮样式与图像

时间:2013-12-17 16:38:58

标签: button javafx-2

我想知道如何实现以下按钮样式,其中文本位于JavaFx中的图像下方?

我尝试了很多但都徒劳无功。任何帮助将不胜感激。

enter image description here

2 个答案:

答案 0 :(得分:5)

键是contentDisplay属性,将其设置为“TOP”。

使用fxml:

<Button contentDisplay="TOP" layoutX="101.0" layoutY="51.0" mnemonicParsing="false" text="Button">
  <graphic>
    <ImageView mouseTransparent="true" pickOnBounds="true" preserveRatio="true">
      <image>
        <Image url="@image.png" preserveRatio="false" smooth="false" />
      </image>
    </ImageView>
  </graphic>
</Button>

或CSS:

.your-selector {
    -fx-content-display: top;
}

检查CSS参考here

答案 1 :(得分:2)

只需执行

即可实现
    Button b = new Button("text", graphics);
    b.setContentDisplay(ContentDisplay.TOP);

对于很酷的图标,请查看http://fxexperience.com/controlsfx/features/它包含来自FontAwesomeIcoMoon

的icone