Стиль кнопки с изображением

Question

Мне было интересно Как можно добиться следующего стиля кнопки, где текст находится под изображением в JavaFx?

Я пробовал много, но все напрасно. Любая помощь будет оценена по достоинству.

Answer 1

Ключ 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.

Answer 2

Вы можете просто добиться того, чтобы просто делать

Button b = new Button("text", graphics); 
    b.setContentDisplay(ContentDisplay.TOP); 

И для классных иконок, посмотрите на http://fxexperience.com/controlsfx/features/ он включает Icône от FontAwesome и IcoMoon