comment faire une image les boutons sur java fxml à l'aide de scène builder?

Je suis à l'aide de netbeans et vous souhaitez utiliser le fichier multimédia à partir de mon bureau pour remplacer l'ennuyeux bouton.

C'est donc mon code.
Je le veux ainsi, l'image devient le bouton.

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

Merci d'avance 🙂

Voir ceci: stackoverflow.com/questions/16340269/...

OriginalL'auteur urviguglani | 2015-05-10

  1. 11

    Dans votre fichier fxml, importer le package de l'image:

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

    puis juste avant le bouton, en supposant que l'image.png est situé sous "images/" répertoire et les "images/" est situé dans le même répertoire que .fxml:

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

    Puis il suffit d'ajouter les lignes suivantes à votre définition de bouton

    <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>
    merci pour l'aide!

    OriginalL'auteur AlmasB

  2. 2

    La réponse ci-dessus est partiellement correcte , sans en préciser le '@' et '$' symbole dans l'url et dans "ImageView" comme

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

    [email protected] est utilisé pour diffrentiate entre la chaîne et le répertoire relatif , si nous passons sans le [email protected], il va prendre comme une chaîne plutôt que le répertoire relatif.

    OriginalL'auteur infiniteLearner

  3. 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>

    OriginalL'auteur