web-dev-qa-db-ja.com

画像付きJavaFX CSSボタン-画像のサイズを定義する方法

JavaFX CSSを使用してボタンに画像を挿入しようとしています。 "-fx-graphic"タグを使用すると簡単にできますが、イメージのサイズを任意のサイズに変更する方法が見つかりません。

これを行うには、次のFXMLコードを使用します。画像の適切な幅に30を指定しますが、純粋なCSSでこれを実行したいと考えています。それを行う方法はありますか？

[〜＃〜] 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");
}
cssimagebuttonjavafxfxml
11
javasuns

同じ問題があり、回避策を見つけました。-fx-imageを使用する代わりに、-fx-background-imageを使用します。

注：次の例では、追加のlibを使用してsvgファイルを使用しています。

[〜＃〜] css [〜＃〜]

#buttonWithImage { 
    -fx-background-image: url('myimage.svg');
    -fx-background-size: 30px;
    -fx-background-repeat: no-repeat;
    -fx-background-position: 90%;
}
10
pdem