Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Wie kann ich das Erscheinungsbild einer JavaFX-Fortschrittsleiste anpassen?

Linda Hamilton
Freigeben: 2024-11-19 17:28:02
Original
343 Leute haben es durchsucht

How Can I Customize the Appearance of a JavaFX Progress Bar?

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;
}
Nach dem Login kopieren

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;
}
Nach dem Login kopieren

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);
Nach dem Login kopieren

Zusätzliche Anpassungen

Ändern des Fortschritts Balkenhöhe

.progress-bar .bar { 
    -fx-padding: 1px; 
    -fx-background-insets: 0; 
}
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage