Wie man Radial-Gradient mit CSS in javafx

Question

einstellen Ich habe ein Label. Versuchen Sie, Radial-Gradient in meinem CSS für dieses Label zu setzen. Wie kann ich es richtig machen? Wenn ich -fx-Hintergrundfarbe: Radial-Gradient (Mitte 50% 50%, Radius 50%, Rgb (104, 163, 193) 0%, Rgb (23, 56, 99) 100%); - Ich erhalte einen Fehler "nicht übereinstimmende Parameter" Danke für jede Hilfe!

Answer 1

Einstellung Steigungen für Formen

Hier ist ein Beispiel, das ich von einer kleinen clock widget zog ich vor langer Zeit schrieb:

-fx-fill: radial-gradient(radius 180%, burlywood, derive(burlywood, -30%), derive(burlywood, 30%)); 

Der Gradient zeigt wie die kreisförmigen Schattierungen auf dem Ziffernblatt oben nur unter der Mitte der Uhr.

einstellen Steigungen für Labels

Wie Sie ein Label verwenden, um die entsprechende CSS-Attribut Schatten zu verwenden, der Text des Etiketts -fx-text-fill für den Vordergrundtext würde und -fx-background-color für die Texthintergrund.

Hier ist ein Beispiel mit -fx-text-fill und -fx-background-color Stile auf ein Etikett angewendet. Der radiale Gradient, der für den Hintergrund verwendet wird, ist der gleiche radiale Gradient, der für das Zifferblatt verwendet wurde.

Label label = new Label("xyzzy"); 
label.setStyle("-fx-background-color: radial-gradient(radius 180%, burlywood, derive(burlywood, -30%), derive(burlywood, 30%)); -fx-text-fill: white;"); 

Actual Parameter für die Steigung zu verwenden, hängt von Ihrer Anwendung

Natürlich wird die Konfiguration von radialen Gradienten genau variieren je nachdem, was Gradient Sie zeichnen möchten. Dokumentation für die Syntax Eine Konstruktion eines Ausdrucks, um einen radialen Gradienten über CSS zuzuordnen, ist in der JavaFX 8 CSS reference guide enthalten.