이미지가있는 버튼 스타일

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); 

을 수행하여 멋진 아이콘에 대한 그 달성이 ... FontAwesome 및 IcoMoon