JavaFXでカラーピッカーのアイコンサイズを変更する方法は？

Question

javaFXのカラーピッカーのアイコンサイズを変更する方法。私は問題を抱えています。JavaFXのカラーピッカーのアイコンサイズを大きくすることはできません。誰かがボタンアイコンのサイズを変更する方法を知っていますか？あなたは、CSSを使って、カラーピッカーにアクセスし、カスタマイズすることができます:(

Answer 1

その小さな

アイコン：

ColorPickerの

Styleクラス：カラーピッカー

部分構造

• カラー表示ノード - ラベル

• 矢印ボタン - StackPane

• 矢印 - StackPane

ColorPickerコントロールは、すべてのプロパティと擬似を有しますComboBase

例

.color-picker .label { 
    -fx-background-color: red; 
    -fx-text-fill: null; 
    -fx-graphic: url("1487868456_Other_Antivirus_Software.png");//This is icon of Color picker label 


} 

結果：

限り、私はあなたがすべてで-fx幅/ -fx-高さを使用傾けると、あなたはそれのためにパーセント値を使用するカント知っているように。要素の幅と高さは読み取り専用です。 -fx-pref-height、-fx-max-width、-fx-min-width、-fx-max-height、-fx-min-height、-fx-border- widthと-fx-border-heightを使用して、Java FX要素のサイズを調整します。

.picker-color { 
    -fx-border-color:white ; 
    -fx-border-width:40; 


} 

Answer 2

CSSが-fx-color-rect-width属性と-fx-color-rect-widthが表示された矩形のサイズを変更します設定します。 fx-font-sizeを設定すると、矢印のサイズが変更されます。

これらの属性のいくつかはofficial JavaFX CSS referenceに記載されていないので、私は将来JavaFXの反復は、予告なしにそれらを変更することができると思いますので注意してください。それでも、この段階では、おそらくそうではないと思われ、その属性は使用するのがかなり安全です。文書化されていないCSS属性を調べるために、ColorPickerSkinのソースコードを調べました。

pickme.css

.large-rect-picker { 
    -fx-color-rect-width: 60px; 
    -fx-color-rect-height: 60px; 
    -fx-color-label-visible: false; 
    -fx-min-width: 150px; 
    -fx-min-height: 100px; 
    -fx-pref-width: 150px; 
    -fx-pref-height: 100px; 
} 

.large-rect-picker > .arrow-button { 
    -fx-font-size: 30px; 
} 

PickMe。

質問をする上でJava

import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.scene.control.ColorPicker; 
import javafx.stage.Stage; 

public class PickMe extends Application { 

    @Override 
    public void start(Stage stage) { 
     ColorPicker colorPicker = new ColorPicker(); 
     colorPicker.getStyleClass().add("large-rect-picker"); 

     stage.setScene(new Scene(new Group(colorPicker))); 
     stage.getScene().getStylesheets().add(
       PickMe.class.getResource(
         "pickme.css" 
       ).toExternalForm() 
     ); 
     stage.show(); 
    } 

    public static void main(String[] args) { 
     launch(args); 
    } 
} 

---

別にインフォあなたが質問に実際に明示されないようしたい内容を正確に把握することは困難です。例えば、あなたはアイコンによって何を意味しますか？長方形か下向き矢印かその両方？その矢印をクリックしたときにポップアップされたディスプレイはどうですか？それはまったく変わるのでしょうか？将来の質問については、あなたが達成しようとしていることと、それがあなたとはどのように異なるかについて、より具体的にお勧めします。あなたが持っているものを生産するコードを提示することは、他の人があなたの問題を解決するのを助けるかもうまくいけば上記の情報は、あなたが望むものを達成するためにそれを変更するのに十分です。