Felhasználói eszközök

Eszközök a webhelyen


oktatas:programozas:java:java_fx:css

< Java FX

JavaFX - CSS

Dokumentáció

Objektum CSS beállítása

Label label1 = new Label("Valami");
label1.setStyle("-fx-text-fill: navy; -fx-font-size: 34;");

Másik példa:

        Label label = new Label("Valami"); 
        String style = 
            "-fx-text-fill: navy;"+
            "-fx-font-size: 34;"+
            "-fx-font-weight: bold";             
        label.setStyle(style);

Külső CSS:

        StackPane root = new StackPane();
        Label label = new Label("Valami"); 
        label.getStyleClass().add("label1");
        root.getChildren().add(label);        
        stage.setTitle("Hello World");
        Scene scene = new Scene(root, 400, 300);        
        scene.getStylesheets().add(getClass().getResource("App.css").toExternalForm());

Külső CSS

scene.getStylesheets().add(getClass().getResource("views/MainView.css").toExternalForm());
.valamiOsztaly {
    -fx-background-color: navy;
}
.root {
  /* A root node számára beállítás. */
}
 
 
.label {
    /* Beállítás minden 'label' számára 
      Nem szükséges külön megjelölni őket
      A következő beállítás minden felírat háttérszínét 
      sárgára állítja.
    */
    -fx-background-color: yellow;
}

Scene Builder

Jelöljük ki a kívánt komponenst.

  • Majd jobb oldalon > Properties
    • Style - adjuk meg stílust
    • Style Class - adjuk meg az osztály nevét

A megadott osztály nevét akár a külső stíluslapban is használhatjuk.

oktatas/programozas/java/java_fx/css.txt · Utolsó módosítás: 2023/04/01 17:24 szerkesztette: admin