JavaFX-CSS-Button mit Bild - Wie definieren Sie die Größe des Bildes?

Ich versuche, fügen Sie ein Bild in einen button mit der JavaFX-CSS. Obwohl, ich kann es ganz einfach über die "-fx-Grafik" tag, ich kann nicht einen Weg finden, um die Größe des Bildes, in welcher Größe ich will.

Ich kann dies über die folgenden FXML-code, wo ich 30 zu meinen bevorzugten Breite Bild, aber ich möchte dies mit reinem CSS. Gibt es eine Möglichkeit, das zu tun?

FXML

<Button text="Press Me">
   <graphic>
      <ImageView fitWidth="30">
        <image>
          <Image url="myImage.png"/>
        </image>
      </ImageView>
   </graphic>
</Button>

CSS

#buttonWithImage {          
    -fx-graphic: url("myImage.png");
}
Im ziemlich sicher, dass Sie nicht in CSS. Wenn Sie möchten, geben Sie die Größe der Bild-Ansicht, die Sie wahrscheinlich brauchen, um es durch FXML oder im java-code.

InformationsquelleAutor javasuns | 2015-05-07

  1. 9

    Ich hatte das gleiche problem und einen workaround gefunden: statt mit -fx-image verwende ich -fx-background-image.

    Hinweis: ich eine zusätzliche lib zu verwenden svg-Datei in dem folgenden Beispiel.

    CSS

    #buttonWithImage { 
    -fx-background-image: url('myimage.svg');
    -fx-background-size: 30px;
    -fx-background-repeat: no-repeat;
    -fx-background-position: 90%;
}
    die meisten der Zeit -fx-background-position: center; ist wahrscheinlich der bevorzugte Weg, es war das Stück für mich fehlt in deiner Antwort
    Welche library benutzt du für die Herstellung url('*.svg') Arbeit mit JavaFX? Apache Batik?
    Javafxsvg von github.com/codecentric/javafxsvg
    Vielen Dank!

    InformationsquelleAutor pdem

Schreibe einen Kommentar