Velvet1

Exemple d'utilisation du CSS avec javaFX

Velvet1
Sommaire

Construction du squelette de l’appli

Commencez par créer un projet JavaFX avec Gradle.

Ajoutez les plugins au build.gradle

plugins {
    id 'java'
    id 'application'
    id 'org.openjfx.javafxplugin' version '0.0.8'
}

on définie les modules de javaFX la classe main

javafx {
    version = "14"
    modules = ["javafx.controls","javafx.base","javafx.graphics","javafx.fxml"]
}

mainClassName = 'org.germain.App'

Créez les packages ainsi que App.java, velvet.fxml et VelvetController.java comme dans la vidéo.

Enfin, apportez les modification à build.gradle pour que gradle prenne en charge le fxml.

sourceSets.main.resources.srcDirs("src/main/java").includes.addAll(["**/*.fxml", "**/*.css","**/*.png"])
sourceSets.main.resources.srcDirs("src/main/resources").includes.addAll(["**/*.*"])

Une mini mise en page et un objet

On va créer la base graphique de l’application:

Vous aurez besoin de l’image suivante: disque pour le vinyle et la pochette de Dirt

Un peu plus de personnalisation

En utilisant le CSS on va pouvoir aller un peu plus loin.

Une comboBox et son alimentation.