ホームページ >ウェブフロントエンド >CSSチュートリアル >JavaFX ProgressBar の外観をカスタマイズするにはどうすればよいですか?

JavaFX ProgressBar の外観をカスタマイズするにはどうすればよいですか?

Linda Hamilton
Linda Hamiltonオリジナル
2024-11-25 15:48:11789ブラウズ

How Can I Customize the Appearance of a JavaFX ProgressBar?

JavaFX ProgressBar コンポーネントのスタイル設定

JavaFX ProgressBar コンポーネントはカスタマイズ可能な外観を提供し、アプリケーションの要件に合わせて外観を変更できます。利用可能なさまざまなスタイル オプションの内訳は次のとおりです。

進行状況バーの色の変更

進行状況バー自体 (塗りつぶされる部分) の色を変更するには進行状況を示す場合)、次の CSS プロパティを使用します。

.progress-bar .bar {
    -fx-background-color: <color>;
}

を置き換えます。

進行状況バーの背景色の変更

進行状況の背景色を変更するにはバー (塗りつぶしの進行状況の後ろの領域) に、次の CSS スタイルを適用します:
.progress-bar .track {
    -fx-background-color: <color>;
}

1 回もう一度、 を置き換えます。

プログレス バーの上部にカスタム テキスト ノードを追加する

プログレス バーの上部にカスタム テキスト ノードをオーバーレイして、異なる表示をするには状態では、 内にテキスト ノードを埋め込むことができます。プログレスバーの要素。例:
ProgressBar progress = new ProgressBar();
Text text = new Text("Loading");
text.setStyle("-fx-font-size: 12px;");

progress.getChildren().add(text);

以上がJavaFX ProgressBar の外観をカスタマイズするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。