Comment puis-je personnaliser l'apparence d'une barre de progression JavaFX ?

Style de la barre de progression JavaFX

Introduction

La personnalisation de l'apparence des composants de l'interface utilisateur améliore l'expérience utilisateur et les aligne avec l'esthétique de l'application. Cet article traite de la personnalisation du composant JavaFX ProgressBar.

Définition de la couleur de la barre de progression

Utilisez la propriété -fx-background-color pour définir la couleur de la barre de progression. La barre intérieure peut être colorée à l'aide de la propriété -fx-accent.

.progress-bar {
    -fx-background-color: lightblue;
    -fx-accent: red;
}

Définition de la couleur d'arrière-plan de la barre de progression

Pour définir la couleur d'arrière-plan de la barre de progression séparément de sa couleur principale, utilisez la propriété -fx-control-inner-background.

.progress-bar > .track {
    -fx-control-inner-background: lightgray;
}

Ajout d'un texte personnalisé en haut de la barre de progression

Pour ajouter un nœud de texte au-dessus de la barre de progression, créez un Étiquette personnalisée et positionnez-la absolument au-dessus de la barre.

Label progressText = new Label("Progress: 50%");
progressText.setLayoutX(getProgressBar().getLayoutX() + getProgressBar().getWidth() / 2);
progressText.setLayoutY(getProgressBar().getLayoutY() + 2);

Personnalisations supplémentaires

Modification de la hauteur de la barre de progression

.progress-bar .bar { 
    -fx-padding: 1px; 
    -fx-background-insets: 0; 
}

Noms et commandes des classes CSS

Les noms de classe CSS et les commandes du composant ProgressBar sont disponibles dans la feuille de style par défaut JavaFX, par exemple modena.css (Java 8) ou caspian.css (Java 7).

Guide de référence CSS

Pour des informations générales sur l'utilisation de JavaFX CSS, reportez-vous au Guide de référence JavaFX CSS.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!