Version imprimable
Salut tout le monde, j'utilise mon appli que je développe en fxml grâce a sceneBuilder sur plusieurs types d'ecran et je voulais savoir comment faire pour qu'elle s'adapte à chaque fois et comment faire pour avoir une scrollbar qui s'affiche si l'écran est trop petit ou alors comment faire pour que tout les éléments s'adapte proportionnellement (j'utilise un AnchorPane) ?
Et j'ai mis une imageView de fond et j'aimerais qu'elle prenne la même taille que l'anchorpane à chaque fois.
Merci
Pour l'image de fond, essaie de passer par CSS plutôt (-fx-background-image, -fx-background-repeat, -fx-background-position, -fx-background-size) ça t’évitera de devoir faire des calculs de mise a l’échelle et de positionnement a mano (ça reste possible bien sur mais bon c'est se casser la tête pour pas grand chose).
Pour la barre de défilement... utiliser un ScrollPane avec fitWidth a true est en général est suffisant pour régler le problème. Et un petit CSS modifié pour éviter de voir la bordure du ScrollPane ou la couleur de fond de son viewPort.
Pour une adaptation a des mises en pages ou des tailles différentes en fonction de la résolution (et voir même de l'orientation...), bref avoir une UI responsive en JavaFX... l'API ne le supporte pas de base : pas 36 solutions donc. Faut faire ça a la main.
Une première approche est que le contrôleur va modifier l’arborescence pour remplacer un conteneur par un autre lorsque la taille / l'orientation change. Ex: en mode paysage / large tout est dans des HBox; en mode portrait / étroit on met tout dans des VBox a la place.
On peut aussi créer des sous-FXML spécifiques pour chaque type d'affichage et faire que le contrôleur principale les charge et les change lorsque la taille / l'orientation change.
D'autres ont fait des approches en utilisant CSS (code).
Voir aussi changer la skin via le CSS.
Bon, bref ca va demander du boulot par contre :aie:
Ok merci pour ta réponse, je vais essayer tout ça :)
EDIT : Bon j'ai essayé, j'ai remplacé mon AnchorPane par un ScrollPane dans le xml et la balise "children" par la balise "content" mais quand je lance l'application je n'ai plus que JFXDatePicker qui apparaît tous mes autres éléments disparaissent (boutons, zone de texte...) et quand j'ouvre le fichier XML avec SceneBuilder il m'indique que les seuls element sont le ScrollPane et mon ImageView, le JFXDatePicker est présent mais il n'est pas indiqué dans la hierarchy (en bas a gauche).
Utiliser un css en plus d'un fxml ? ça ne fait pas un peu beaucoup ?
Pourquoi donc ?Citation:
Envoyé par Java Ou Javapas
Sinon, pour répondre a ton mp : non, il ne semble pas y avoir de notifications après édition.
Pour le reste je peux pas être devin si je ne sais pas ce que contient ton FXML... :mouarf:
Je pensais qu'en javfx, c'était soi avec un css soit avec un fxml.
Dans mon fxml j'ai 8 JFXButton, 3 textarea, une dizaine de label, 2 JFXDatePicker, 1 imageView..... Mais rien ne s'affiche :)
Y a aucun soucis a me langer tout ça ensemble.Citation:
Envoyé par Java Ou Javapas
Ça ne me dit pas ce qu'il y a dans le code XML du fichier pour que je puisse tester ca par moi-même :aie:Citation:
Dans mon fxml j'ai 8 JFXButton, 3 textarea, une dizaine de label, 2 JFXDatePicker, 1 imageView..... Mais rien ne s'affiche :)
Voila ;)Code:
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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
Et ca charge sans planter ca ?
Alors je rapelle que ScrollPane ca prend un seul et unique nœud qui va dans <content> et donc que tu coup ça parait évident qu'il faut que ce soit un conteneur (genre celui que tu utilisais auparavant) qui contient tout les autres nœuds.... du coup...
AH ok ! je ne savais pas, je n'avais jamais utilisé de ScrollPane avant, je viens de tester j'ai mis un AnchorPane dans la balise content et ça fonctionne bien mieux.
Merci.
Le FXML n'est qu'une transposition simplifiée en XML, de l'API Java. Donc dans le doute, se reporter a l'API Java.
Citation:
public final ObjectProperty<Node> contentProperty
The node used as the content of this ScrollPane.
See Also:
getContent(), setContent(Node)