Wie kann ich das Erscheinungsbild einer JavaFX-Fortschrittsleiste anpassen?

JavaFX-Fortschrittsbalken gestalten

Einführung

Das Anpassen des Erscheinungsbilds von UI-Komponenten verbessert das Benutzererlebnis und passt sie an die Ästhetik der Anwendung an. In diesem Artikel geht es um die Anpassung der JavaFX ProgressBar-Komponente.

Festlegen der Farbe des Fortschrittsbalkens

Verwenden Sie die Eigenschaft -fx-background-color, um die Farbe des Fortschrittsbalkens zu definieren. Der innere Balken kann mit der Eigenschaft -fx-accent eingefärbt werden.

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

Hintergrundfarbe des Fortschrittsbalkens festlegen

Um die Hintergrundfarbe des Fortschrittsbalkens getrennt von seiner Primärfarbe festzulegen, Verwenden Sie die Eigenschaft -fx-control-inner-background.

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

Hinzufügen von benutzerdefiniertem Text zusätzlich zum Fortschritt Balken

Um einen Textknoten über dem Fortschrittsbalken hinzuzufügen, erstellen Sie ein benutzerdefiniertes Etikett und positionieren Sie es absolut über dem Balken.

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

Zusätzliche Anpassungen

Ändern des Fortschritts Balkenhöhe

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

CSS-Klassennamen und -Befehle

CSS-Klassennamen und -Befehle für die ProgressBar-Komponente sind im JavaFX-Standard-Stylesheet verfügbar, z. B. modena.css (Java 8) oder caspian.css (Java 7).

CSS-Referenzhandbuch

Für allgemeine Informationen zu Informationen zur Verwendung von JavaFX CSS finden Sie im JavaFX CSS-Referenzhandbuch.

Das obige ist der detaillierte Inhalt vonWie kann ich das Erscheinungsbild einer JavaFX-Fortschrittsleiste anpassen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!