Dies ist eine alte Version des Dokuments!


JavaFX

CSS zuweisen/setzen

Das JavaFX kann jedem Node css zugewiesen werden:


ObservableList<String> stylesheets = primaryStage.getScene().getStylesheets();
stylesheets.clear();
stylesheets.add("my.css");
 
Pane pane1 = new Pane();
pane1.setId("myID");
 
Pane pane2 = new Pane();
pane2.getStyleClass().add("myClass");


Die dazugehörige my.css -Datei:

#myID {
   -fx-...
}
.myClass {
   -fx-...
}



Beispielhafte JavaFX css-Werte sind unter anderem (die .class namen sind vordefiniert und brauchen nicht extra gesetzt werden; selbstverständlich können auch Ids verwendet werden):

.button {
   -fx-background-color: white;  // Weißer Hintergrund
   -fx-min-height: 20px;         // Minimale Höhe 20px
   -fx-pref-height: 20px;        // Bevorzugte Höhe 20px
   -fx-max-height: 20px;         // Maximale Höhe 20px
   -fx-padding: 0 10 0 10;       // Abstand zwischen Text und Rand (open, rechts, unten, links)
}

.rectangle {
   -fx-stroke: #ff0000;          // Roter Rahmen
   -fx-fill: #0000ff;            // Blau gefüllt
}

.tab {
   -fx-font-size: 12px;          // 12px Schrifthöhe
   -fx-pref-height: 16px;        // 16px Tabhöhe
   -fx-max-height: 16px;
}

.tab-header-area {
   -fx-pref-height: 18px;        // 18px Höhe des Bereichs in dem sich die Reiter befinden
   -fx-max-height: 18px;
}

.tab-label {
    -fx-rotate: 45;              // Tab-Text wird um 45 Grad gedreht
}

.toolbar {
   -fx-background-color: white;  // Weißer Hintergrund
   -fx-spacing: 4;               // 4 Pixel Abstand zwischen den Buttons
   -fx-orientation: vertical;    // Ausrichtung senkrecht; Standard ist waagerecht (horizontal)
   -fx-min-height: 20px;         // Minimale Höhe 20px
   -fx-pref-height: 20px;        // Bevorzugte Höhe 20px
   -fx-max-height: 20px;         // Maximale Höhe 20px
}

.tooltip {
   -fx-background-color: white;  // Weißer Hintergrund
   -fx-padding: 2 6 2 6;         // Abstand zwischen Text und Rand (open, rechts, unten, links)
   -fx-text-fill: red;           // Textfarbe rot
}



Stichworte:

JavaFX CSS setzen, JavaFX 8 CSS zuweisen, id, class, Beispiel, Übersicht

Eigene Werkzeuge
Werkzeuge

gratis Counter by GOWEB
seit 9.10.2007