Discussion :

[zsoufianz]

Bonjour,
J'ai crée un hamburger qui permet d'ouvrir et fermer un VBox.
Je voudrais fermer le VBox aussi quand je clique sur n'importe de mon interface ou bien quand j'enlève le curseur sur le VBox.
Pouvez-vous m'aider de faire ça svp?
Voici mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
	public void initialize(URL url, ResourceBundle rb) {
		rootP = AnchorPane;
		rootP1 = drawer1;
		try {
			VBox box = FXMLLoader.load(getClass().getResource("SidePanelContent.fxml"));
			drawer.setSidePane(box);
		} 
		catch (IOException e1) {
			e1.printStackTrace();
		}
		HamburgerBackArrowBasicTransition burgerTask2 = new HamburgerBackArrowBasicTransition(hamburger);
		burgerTask2.setRate(-1);
		hamburger.addEventHandler(MouseEvent.MOUSE_PRESSED, (e) -> {
			burgerTask2.setRate(burgerTask2.getRate() * -1);
			burgerTask2.play();
 
 
			if (drawer.isShown()){
 
				drawer.close();
			}
			else {
				drawer.open();
			}
		});	
	}

[bouye]

Mettre un écouteur sur la perte du focus ? Et un autre quand la souris en sort ?

Sinon un truc plus sioux mais qui fonctionne bien : mettre temporairement une grosse région transparente sur toute ton UI (mais placée sous la VBox) avec mouseTransparent = false. Comme ça si le curseur entre ou se déplace sur cette région ben tu sais que tu es hors de la VBox. C'est un peu comme l'antique gestion du glasspane dans Swing.

[zsoufianz]

Merci pour la réponse.
est ce que vous pouvez me donner un exemple de code pour faire ça svp? merci

[bouye]

Ca devrait faire une bonne base de départ :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
.glass-pane {
    /*-fx-background-color: red;*/
}
.popup {
    -fx-background-color: linear-gradient(to bottom,
        derive(-fx-color,-17%),
        derive(-fx-color,-30%)
        ),
        -fx-control-inner-background;
    -fx-background-insets: 0, 1;
    -fx-padding: 1.2em;
    -fx-effect: dropshadow( gaussian , rgba(0,0,0,0.2) , 12, 0.0 , 0 , 8 );
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
package glasspane;
 
import java.net.URL;
import java.util.Optional;
import java.util.stream.IntStream;
import javafx.animation.FadeTransition;
import javafx.application.Application;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.layout.Region;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
import javafx.util.Duration;
 
public class Main extends Application {
 
    @Override
    public void start(Stage primaryStage) {
        final StackPane root = new StackPane();
        final Button btn = new Button();
        btn.setText("Say 'Hello World'");
        btn.setOnAction(actionEvent -> showPopup(root));
        root.getChildren().add(btn);
        final Scene scene = new Scene(root, 300, 250);
        final Optional<URL> cssUrl = Optional.ofNullable(getClass().getResource("glasspane.css"));
        cssUrl.ifPresent(url -> scene.getStylesheets().add(url.toExternalForm()));
        primaryStage.setTitle("Hello World!");
        primaryStage.setScene(scene);
        primaryStage.show();
    }
 
    private boolean isAnimated = true;
 
    private void showPopup(final StackPane root) {
        final Node popup = createPopup();
        final Region glassPane = new Region();
        glassPane.setId("glassPane");
        glassPane.getStyleClass().add("glass-pane");
        glassPane.setMouseTransparent(false);
        glassPane.setOnMouseEntered(mouseEvent -> disposePopup(root, glassPane, popup));
        root.getChildren().addAll(glassPane, popup);
        if (isAnimated) {
            final FadeTransition fadeIn = new FadeTransition(Duration.millis(650), popup);
            fadeIn.setFromValue(0);
            fadeIn.setToValue(1);
            fadeIn.play();
        }
    }
 
    private void disposePopup(final StackPane root, final Node glassPane, final Node popup) {
        glassPane.setOnDragEntered(null);
        if (isAnimated) {
            final FadeTransition fadeIn = new FadeTransition(Duration.millis(650), popup);
            fadeIn.setToValue(0);
            fadeIn.setOnFinished(actionEvent -> root.getChildren().removeAll(glassPane, popup));
            fadeIn.play();
 
        } else {
            root.getChildren().removeAll(glassPane, popup);
        }
    }
 
    private Node createPopup() {
        final VBox result = new VBox();
        result.setId("popup");
        result.getStyleClass().add("popup");
        result.setMinSize(VBox.USE_PREF_SIZE, VBox.USE_PREF_SIZE);
        result.setMaxSize(VBox.USE_PREF_SIZE, VBox.USE_PREF_SIZE);
        result.getChildren()
                .addAll(IntStream.range(0, 10)
                        .mapToObj(index -> String.format("Label %d", index + 1))
                        .map(Label::new)
                        .toArray(Label[]::new));
        return result;
    }
 
    public static void main(String[] args) {
        launch(args);
    }
}