Wie kann ich die ProgressBar-Komponente in JavaFX stylen?

Question

Wie kann ich die ProgressBar-Komponente in JavaFX stylen?

8

Ich versuche, der JavaFX ProgressBar-Komponente einen benutzerdefinierten CSS-Stil hinzuzufügen, konnte jedoch keine Informationen zu diesem Thema finden. Ich suche nach den CSS-Klassennamen und den CSS-Befehlen, die benötigt werden, um:

legt die Farbe der Fortschrittsleiste selbst fest
legt die Hintergrundfarbe der Fortschrittsanzeige fest (nicht die gleiche wie die Hintergrundfarbe)
fügen Sie einen benutzerdefinierten Textknoten über dem Fortschrittsbalken hinzu (um die verschiedenen Zustände anzuzeigen)

java css javafx-2

Yoav Kadosh 17.10.2013, 02:28

quelle

1 Antwort

Tags und Links java css javafx-2

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wie sende ich var an den Ereignis-Listener in symfony2?

score 37 · Accepted Answer

Ich habe diese Antwort als Community-Wiki markiert.

Wenn Sie Ideen für das JavaFX ProgressBar-Styling außerhalb der ursprünglichen anfänglichen Styling-Abfragen haben, bearbeiten Sie diesen Beitrag, um Ihre Styling-Ideen hinzuzufügen (oder mit ihnen zu verlinken).

Legen Sie die Farbe des Fortschrittsbalkens selbst fest

Beantwortet in:

JavaFX ProgressBar: Wie ändert man die Balkenfarbe?

Die Antwort zeigt

Dynamisches Design des Fortschrittsbalkens, so dass sich die Farbe des Balkens je nach Fortschrittsgrad ändert.
Statisches Styling des Fortschrittsbalkens, der die Farbe des Balkens für immer auf eine definierte Farbe setzt.

JavaFX 7 (caspian) auf einem Windows PC:

JavaFX 8 (modena) auf einem Mac:

Manchmal mögen Leute Barbershop-Stilrichtungen, wie den bootstrap-gestreiften Stil :

ProgressBar Animiertes Javafx

Legen Sie die Hintergrundfarbe des Fortschrittsbalkens fest (nicht das Gleiche wie beim Einstellen der Hintergrundfarbe)

Definieren Sie einen geeigneten CSS-Stil für die "Spur" des Fortschrittsbalkens:

%Vor%

Fügen Sie einen benutzerdefinierten Textknoten über dem Fortschrittsbalken hinzu (um die verschiedenen Zustände anzuzeigen)

Beantwortet in:

Zeichne einen String auf eine ProgressBar, wie zB JProgressBar?

Wie man die Höhe eines Fortschrittsbalkens ändert:

Beantwortet in:

Wie bekomme ich eine schmale Progres-Leiste in JavaFX?

Beispiel CSS:

%Vor%

José Pereda gibt eine schöne umfassende Lösung für schmale Fortschrittsbalken in seiner Antwort auf:

So erhalten Sie eine kleine ProgressBar in JavaFX

Ich suche nach den css-Klassennamen und den css-Befehlen

Der Ort zum Suchen ist im Standard-JavaFX-Stylesheet.

modena.css für Java 8 .
caspian.css für Java 7.

Die ProgressBar-Stildefinitionen für Caspian (Java 7) sind:

%Vor%

Die Fortschrittsbalkenstildefinitionen für modena (Java 8) lauten wie folgt:

%Vor%

Der JavaFX CSS-Referenzleitfaden enthält allgemeine Informationen Informationen zur Verwendung von CSS in JavaFX (die sich etwas von der Verwendung von CSS in HTML unterscheidet).