イメージをCSSで設定したボタンでImageViewの画像サイズを設定します

Question

とpreserveRatioをFXMLのImageViewのサイズに使用しましたが、画像は拡大されずにフルサイズ私の場合）。 FXMLまたはCSSを使用してイメージのサイズを設定するにはどうすればよいですか？

FXML

<Button 
     fx:id="buttonUp" 
     GridPane.columnIndex="0" 
     GridPane.rowIndex="0" 
     onAction="#buttonUp"> 
    <graphic> 
     <ImageView fitWidth="10.0" pickOnBounds="true" preserveRatio="true"> 
     </ImageView> 
    </graphic> 
</Button> 

CSS

#buttonUp { 
    -fx-graphic: url('up.png'); 
} 

#buttonUp:pressed { 
    -fx-graphic: url("up_pressed.png"); 
} 

私はFXMLとCSSで私のスタイルを維持したいので、私はJavaFXのコードソリューションを望んでいません。

FXMLやCSSでこれが本当にできないのであれば、その場合はコメントを残してください。 FXMLで

イメージ

私は

<ImageView id="buttonDownImage" fitHeight="40.0" fitWidth="40.0" pickOnBounds="true" preserveRatio="true"> 
    <image> 
     <Image url="resources/down.png" /> 
    </image> 
</ImageView> 

をしようとすると、私は、ファイルが（CSSはそれを見つけることができる）があると確信しているとIntellJの自動補完も示唆しながらjava.lang.IllegalArgumentException: Invalid URL: Invalid URL or resource not foundが続きURLのresourcesから始めてください。

Answer 1

テストが、ImageView自体にCSSを使用してみていない：

CSSで

<Button 
     fx:id="buttonUp" 
     GridPane.columnIndex="0" 
     GridPane.rowIndex="0" 
     onAction="#buttonUp"> 
    <graphic> 
     <ImageView id="buttonUpGraphic" fitWidth="10.0" pickOnBounds="true" preserveRatio="true"> 
     </ImageView> 
    </graphic> 
</Button> 

、その後：画像が大きすぎる場合

#buttonUp #buttonUpGraphic { 
    -fx-image: url('up.png'); 
} 

#buttonUp:pressed #buttonUpGraphic { 
    -fx-image: url('up_pressed.png'); 
} 

Answer 2

、よく、その後、それらのサイズを変更！悪い解決策、しかし何もないよりも良い。