我想知道如何实现以下按钮样式,其中文本位于JavaFx中的图像下方?
我尝试了很多但都徒劳无功。任何帮助将不胜感激。
答案 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/它包含来自FontAwesome和IcoMoon
的icone