2015-05-10 67 views
3

我正在使用netbeans並希望使用我的桌面上的媒體文件來替換無聊的按鈕。如何使用場景構建器在java fxml上製作圖像按鈕?

所以這是我的代碼。 我想讓它成爲按鈕。

<Button layoutX="252.0" layoutY="177.0" mnemonicParsing="false" prefHeight="57.0" prefWidth="135.0" text="Button!" textFill="BLUE"> 
    <font> 
     <Font name="Avenir Next Regular" size="13.0" /> 
    </font> 
    </Button> 

感謝提前:)

+0

看到這個:http://stackoverflow.com/questions/16340269/styling-a-javafx-2-button-using-fxml-only-how-to-add-an-image-to-a - 按鈕 –

回答

10

在你FXML文件,導入圖像包:

<?import javafx.scene.image.*?> 

然後只需按鈕之前,假設image.png坐落在 「圖像/」目錄和「images /」位於與.fxml相同的目錄中:

<fx:define> 
    <Image fx:id="btnImage" url="images/image.png" /> 
</fx:define> 

然後只需添加followi NG到您的按鈕定義

<Button layoutX="252.0" layoutY="177.0" mnemonicParsing="false" prefHeight="57.0" prefWidth="135.0" text="Button!" textFill="BLUE"> 
    <font> 
     <Font name="Avenir Next Regular" size="13.0" /> 
    </font> 

    <graphic> 
     <ImageView image="$btnImage" /> 
    </graphic> 
    </Button> 
+0

感謝您的幫助! – urviguglani

0

上面的回答是部分正確,沒有網址,並在「ImageView的」像

<Image fx:id="playbutImg" url="@image/image.png"> 
<ImageView image="$playbutImg" > 

@符號指定「@」和「$」符號用於diffrentiate在字符串和相對目錄之間,如果我們傳遞沒有@符號,它將採用字符串而不是相對目錄。

0
<fx:define> 
      <Image fx:id="NewTracker" url="@resources/NewTracker.bmp"/> 
     </fx:define> 
     <Button layoutX="100.0" layoutY="100.0" mnemonicParsing="false" text="New Tracker" > 
       <graphic> 
        <ImageView image="$NewTracker"/> 
       </graphic> 
     </Button> 
相關問題