JavaFX プログレスバーの外観をカスタマイズするにはどうすればよいですか?

JavaFX プログレスバーのスタイル設定

はじめに

UI コンポーネントの外観をカスタマイズすると、ユーザー エクスペリエンスが向上し、アプリケーションの美学と調和します。この記事では、JavaFX ProgressBar コンポーネントのカスタマイズについて説明します。

プログレス バーの色の設定

プログレス バーの色を定義するには、-fx-background-color プロパティを使用します。内側のバーは、-fx-accent プロパティを使用して色を付けることができます。

.progress-bar {
    -fx-background-color: lightblue;
    -fx-accent: red;
}

進行状況バーの背景色の設定

進行状況バーの背景色をその原色とは別に設定するには、次のようにします。 -fx-control-inner-background プロパティを使用します。

.progress-bar > .track {
    -fx-control-inner-background: lightgray;
}

進行状況の上にカスタム テキストを追加するバー

進行状況バーの最上部にテキスト ノードを追加するには、カスタム ラベルを作成し、バーの真上に配置します。

Label progressText = new Label("Progress: 50%");
progressText.setLayoutX(getProgressBar().getLayoutX() + getProgressBar().getWidth() / 2);
progressText.setLayoutY(getProgressBar().getLayoutY() + 2);

追加のカスタマイズ

進行状況の変更バーの高さ

.progress-bar .bar { 
    -fx-padding: 1px; 
    -fx-background-insets: 0; 
}

CSS クラス名とコマンド

CSS クラスProgressBar コンポーネントの名前とコマンドは、modena.css (Java 8) や caspian.css (Java 7) などの JavaFX デフォルト スタイル シートで利用できます。

CSS Reference Guide

JavaFX CSS の使用法に関する一般的な情報については、『JavaFX CSS Reference Guide』を参照してください。

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