CSSFX Herramienta JavaFX para CSS

Esta herramienta nos facilitará la creación y prueba de los estilos CSS que apliquemos a una aplicación JavaFX, CSSFX monitorea los cambios que se produzcan en el archivo de estilos del programa, cuando se edite el archivo este se recargará automáticamente permitiéndonos ver los cambios de estilo en nuestra aplicación de manera instantánea.

La web del proyecto es la siguiente: http://www.fxmisc.org/cssfx

Para utilizar en un proyecto Maven, agregamos la siguiente dependencia:

<dependency>
  <groupId>org.fxmisc.cssfx</groupId>
  <artifactId>cssfx</artifactId>
  <version>1.0.0</version>
</dependency>

Creando un proyecto JavaFX, usando Maven como herramienta de construcción, seguimos el siguiente proceso:

Tutorial JavaFX Maven

Crear un proyecto Maven JavaFX

Hecho esto tenemos el siguiente proyecto en Netbeans IDE.

Proyecto JavaFX Maven en Netbeans

Hacemos clic derecho sobre Dependencies | Add Dependency... para abrir el cuadro donde ubicaremos la correspondiente librería.

Agregar dependencia maven en netbeans

Para iniciar la monitorización del archivo de estilos CSS solo requerimos el siguiente código: CSSFX.start(), en la clase MainApp.java, la misma queda de la siguiente manera:

public class MainApp extends Application {

    @Override
    public void start(Stage stage) throws Exception {
        Parent root = FXMLLoader.load(getClass().getResource("/fxml/Scene.fxml"));
        
        String css = getClass().getResource("/styles/Styles.css").toExternalForm();
        
        Scene scene = new Scene(root);
        scene.getStylesheets().add(css);
        
        stage.setTitle("JavaFX CSSFX Tool");
        stage.setScene(scene);
        stage.show();
        
        CSSFX.start();
    }
}

Si ejecutamos la aplicación y editamos el archivo /styles/Styles.css al presionar guardar o Ctrl+S en Windows los cambios se reflejarán inmediatamente en la aplicación.

cssfx-herramienta-javafx

Descargar código: cssfx-tool.zip

Comentarios

Temas relacionados

Entradas populares de este blog

tkinter Grid

Controles y Contenedores JavaFX 8 - I

tkinter Canvas

Histogramas OpenCV Python