2

JavaFX ControlsFX ライブラリをダウンロードしたばかりですが、現在スタックしています。RangeSlider と呼ばれるライブラリ内のカスタム コンポーネントの 1 つを使用していますが、CSS で各つまみのスタイルを操作する必要があります。私はいたるところを見てきましたが、有用なものが見つからないようです。それを行う方法はありますか？私は通常のJava Sliderコンポーネントでこれを行うことができることを知っています:

.slider .thumb {
     // Style code here
 }

しかし、RangeSlider にこのようなものを使用すると、何も機能しません。スライダーが 2 つあるのは理にかなっていますが、部分構造の名前の組み合わせを 100 通り試しましたが、役に立ちませんでした。

ミッション: 各親指アイコンを変更しようとしています。また、2 つの親指の間に描画される色 (現在は青) を変更することにも関心があります。

うまくいけば、これは非常に明白なことです、ありがとう!

4

1 に答える 1

4

a のデフォルトのスタイル クラスRangeSliderはrange-slider. すべてのスタイル ルールは、rangeslider.cssファイル (controlsfx.jar 上) またはリポジトリにあります。

親指を変更したい場合、それらはStackPaneオブジェクトです。次を使用できます-fx-shape。

.range-slider .low-thumb {
    -fx-shape: "M2.998-0.07L3-1.499l2.998,4L3,6.501l-0.002-1.43l1.976-2.57L2.998-0.07z";
}
.range-slider .high-thumb {
    -fx-shape: "M5.997,5.072L5.995,6.501l-2.998-4l2.998-4l0.002,1.43l-1.976,2.57L5.997,5.072z";
}

これにより、範囲バーの色が変わります。

.range-slider .range-bar {
    -fx-background-color: red;
}

レンジスライダー

于 2015-02-25T15:10:42.280 に答える