8

javafx 2.2.3でcssを使用してスタイルを設定することにより、背景が透明（または少なくとも単色）のスクロールバーを使用してスクロールペインを作成しようとしています。

.scroll-pane .track{-fx-opacity: 0;}
.scroll-pane .scroll-bar{-fx-base: transparent;}

不思議なことに、上記のコードはスクロールバーを黒くします。-fx-baseにalfaで任意の値を指定すると、それが行われます。

背景色はまったく効果がありません...

私は何が欠けていますか？

4

1 に答える 1

10

これは、背景が透明なスクロールバーを表示するサンプルです。

サンプルには、ユーザーがスクロールバーにカーソルを合わせたときにのみスクロールバーに視覚的なフィードバックを表示するための追加のプログラムロジックが含まれています。これが必要な場合と不要な場合があります。

サンプルのスクロールバーに関連するCSSは次のとおりです。

.address .scroll-pane {
  -fx-background-color: transparent;
}

.address .scroll-bar .increment-button {
  visibility: hidden;
}

.address .scroll-bar .decrement-button {
  visibility: hidden;
}

.address .scroll-bar:vertical {
  -fx-background-color: transparent;
}

.address .scroll-bar:vertical .track-background {
  visibility: hidden;
}

.address .scroll-bar:vertical .track {
  visibility: hidden;
}

.address .hide-thumb .scroll-bar:vertical .thumb {
  -fx-background-color: transparent;
}

透明にされているスクロールバーには、アドレスの追加のカスタムスタイルクラスが割り当てられています。

デフォルトのJavaFX2.2cssスタイルシートcaspian.cssのスクロールバーセクションを調べて、使用するcssを決定しました。

サンプルの出力は次のとおりです。

ゲティスバーグの住所

于 2012-11-02T20:43:57.277 に答える