Ajouter dropShadow seulement à la frontière de la grille volet de JavaFx 2.2

Utiliser un StackPane et le lieu de votre GridPane.

Style de votre StackPane avec CSS pour appliquer une couleur d'arrière-plan, les encarts et une ombre portée.

Voir Ombre portée dans une nudité Volet! JAVAFX pour quelques exemples de CSS.

Voici un petit exemple d'application autonome (utilisation de Java 8b120 sur OS X 10.9), pour démontrer l'effet:

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class Shadowed extends Application {
    public static void main(String[] args) { launch(args); }

    @Override
    public void start(Stage stage) throws Exception {
        Label clear = new Label("Clear, with no shadow");
        StackPane shadowedPane = new StackPane(clear);
        shadowedPane.setStyle(
                "-fx-background-color: palegreen; " +
                "-fx-background-insets: 10; " +
                "-fx-background-radius: 10; " +
                "-fx-effect: dropshadow(three-pass-box, purple, 10, 0, 0, 0);"
        );
        shadowedPane.setPrefSize(200, 50);
        stage.setScene(new Scene(shadowedPane));
        stage.show();
    }
}

Aborder des questions supplémentaires

CSS est la seule option?

Pas, cela pourrait être fait dans le code au lieu de CSS, en utilisant le DropShadow effet.

shadowedPane.setEffect(new DropShadow(10, Color.PURPLE));

Pourquoi a-t-il?

Parce que la définition d'un arrière-plan donne un net avantage pour le nœud vers lequel l'effet d'ombre est appliquée.

Pourquoi ne DropShadow, fonctionnent différemment selon si elle est appliquée sur un nœud de racine ou un conteneur imbriqué?

Il n'y a pas de réelles différences dans l'ombre de traitement entre un nœud racine ou conteneur imbriqué. L'effet d'ombre portée dépend de l'élément ayant l'effet est appliqué a un transparent (ou null) arrière-plan ou pas. Notez bien que l'un nœud racine généralement de remplir un stade. Donc, si le nœud racine a un arrière-plan transparent de couleur et sans encarts sont fournis, puis l'ombre sur le nœud racine ne sera pas vu comme il va tomber en dehors de la zone visible de la scène.

---

Je vais vous proposer une deviner ce qui se passe. Je pense que l'effet d'ombre portée est fait, c'est le calcul de la forme extérieure du nœud, puis d'appliquer l'ombre à elle. Lorsque ce nœud a une couleur d'arrière-plan, puis vous verrez l'ombre du nœud contexte, qui est ce qui est vu dans l'image fournie. Si le nœud n'a pas de couleur de fond, puis les bords de l'nœuds sont calculés à partir des nœuds enfants, de sorte que tous les enfants reçoivent des ombres.

Maintenant ce qui s'est passé, c'est qu'entre JavaFX 2.2 lorsque la question a été posée et JavaFX 8, le thème par défaut pour JavaFX déplacé à partir de la mer Caspienne à Modène. Avec la mer Caspienne volets n'ont pas une couleur de fond par défaut. Cependant, pour Modène, les volets ont une légère off-blanc couleur d'arrière-plan par défaut. Cela signifie que l'affiche originale du texte flou à l'intérieur de la grille volet ne se produira pas par défaut en Java 8, comme le GridPane aura un arrière-plan qui est à l'ombre, au lieu de l'intérieur de texte occultée. Cela peut être vérifié via l'exécution du programme suivant et en variant le commentaire sur la ligne pour le réglage de la feuille de style à la mer Caspienne:

import javafx.application.Application;
import javafx.geometry.HPos;
import javafx.geometry.VPos;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.effect.DropShadow;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.Priority;
import javafx.scene.paint.Color;
import javafx.stage.Stage;
public class Shadowed extends Application {
public static void main(String[] args) { launch(args); }
@Override
public void start(Stage stage) throws Exception {
//       setUserAgentStylesheet(STYLESHEET_CASPIAN);
Label clear = new Label("Clear, with no shadow");
GridPane shadowedPane = new GridPane();
shadowedPane.add(clear, 0, 0);
GridPane.setHalignment(clear, HPos.CENTER);
GridPane.setValignment(clear, VPos.CENTER);
GridPane.setHgrow(clear, Priority.ALWAYS);
GridPane.setVgrow(clear, Priority.ALWAYS);
shadowedPane.setStyle(
//               "-fx-background-color: transparent; " +
//               "-fx-background-color: palegreen; " +
"-fx-background-insets: 10; " +
"-fx-background-radius: 10; "
);
shadowedPane.setPrefSize(200, 50);
shadowedPane.setEffect(new DropShadow(10, Color.PURPLE));
stage.setScene(new Scene(shadowedPane));
stage.show();
}
}

OriginalL'auteur jewelsea