Discussion :

[VonDriguen]

Bonjour,

J'ai un écran qui est découpé en 3 parties comme suit:


Le problème que j'ai est que le ScrollPane (entouré en bleu) prend bien toute la place en largeur mais pas en hauteur. Lorsque je redimensionne l'écran, les deux ScrollPane (à gauche et en bas) se redimensionnent bien mais le scrollPane de gauche se redimensionne correctement en hauteur.

J'ai tout essayé:

• Dans le css:

  -fx-fit-to-height: true;

• Dans le fxml:

  fitToHeight="true"

• Dans le fxml:

  VBox.vgrow="ALWAYS" maxHeight="Infinity"

Mais rien ne fonctionne :-(

Ce que je désire faire, c'est que le ScrollPane (entouré en bleu) prenne toute la place qui reste dans le VBox et ce, même lorsque la fenêtre est redimentionnée.

Quelqu'un peut-il aider?

Voici le code:
page.fxml

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
<?xml version="1.0" encoding="UTF-8"?>
 
<?import java.net.*?>
<?import java.lang.*?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.Menu?>
<?import javafx.scene.control.MenuBar?>
<?import javafx.scene.control.MenuItem?>
<?import javafx.scene.control.SeparatorMenuItem?>
<?import javafx.scene.layout.Pane?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.text.Font?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.control.Separator?>
<?import javafx.scene.control.ScrollPane?>
<?import javafx.scene.text.TextFlow?>
<?import javafx.scene.text.Text?>
 
<VBox fx:controller="controller.page.MainPageController"
	styleClass="window_width, window_height"
	xmlns="http://javafx.com/javafx/8.0.301" xmlns:fx="http://javafx.com/fxml/1">
 
	<stylesheets>
		<URL value="@/styles/styles.css"/>
	</stylesheets>
 
	<children>
		<MenuBar VBox.vgrow="NEVER">
			<menus>
				<Menu text="%main_btn_play">
					<items>
						<MenuItem text="%main_btn_play_free" />
						<MenuItem text="%main_btn_play_specific" />
					</items>
				</Menu>
				<Menu text="%main_btn_import">
				</Menu>
				<Menu text="%main_btn_quit">
				</Menu>
			</menus>
		</MenuBar>
		<VBox >
			<HBox>
				<Pane fx:id="boardgamePane" styleClass="boardgame_pane" HBox.hgrow="ALWAYS" maxWidth="Infinity">
				</Pane>
				<Separator orientation="VERTICAL"/>
				<ScrollPane styleClass="listplay_pane" HBox.hgrow="ALWAYS" maxWidth="Infinity">
 
				</ScrollPane>
			</HBox>
			<ScrollPane fitToHeight="true" VBox.vgrow="ALWAYS" maxHeight="Infinity" styleClass="comments_pane">
			</ScrollPane>
		</VBox>
	</children>
</VBox>

et le styles.css:

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
/**
 * WINDOWS
 */
.window_width {
	-fx-pref-width: 1024;
}
 
.window_height {
	-fx-pref-height: 768;
}
 
/*
 * MAIN PAGE PANES
 * */
 .boardgame_pane {
	-fx-min-width: 800;
	-fx-min-height: 600;
 }
 
 .listplay_pane {
	-fx-pref-width: 224;
	-fx-pref-height: 600;
 }
 
 .comments_pane {
	-fx-fit-to-width: true;
	-fx-fit-to-height: true;
 }

D'avance un grand merci!

[bouye]

final BooleanProperty fitToHeight If true and if the contained node is a Resizable, then the node will be kept resized to match the height of the ScrollPane's viewport.

fitToHeight s'applique au contenu du ScrollPane et non pas au ScrollPane lui-même.

De plus, la doc indique bien que, par défaut, VBox fait uniquement un redimensionnement dynamique horizontal de son contenu (et donc qu'il faut mettre VBox.vgrow="ALWAYS" pour avoir un redimensionnement vertical dynamique).

VBox will resize children (if resizable) to their preferred heights and uses its fillWidth property to determine whether to resize their widths

Or, si tu regardes ton FXML de plus près, tu peux voir que tu as une VBox dans une VBox, mais que tu as oublié de mettre un indice de redimensionnement sur la seconde VBox.

Donc soit tu fais sur la seconde VBox :

Code XML :

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

<VBox VBox.vgrow="ALWAYS">

Soit tu l’élimines directement car tu peux faire avec une seule VBox en fait.

[VonDriguen]

fitToHeightsi tu regardes ton FXML de plus près, tu peux voir que tu as une VBox dans une VBox, mais que tu as oublié de mettre un indice de redimensionnement sur la seconde VBox.

Donc soit tu fais sur la seconde VBox :

Code XML :

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

<VBox VBox.vgrow="ALWAYS">

Soit tu l’élimines directement car tu peux faire avec une seule VBox en fait.

Ah ben oui... J'ai supprimé la seconde VBox qui était, de fait, inutile...
Merci beaucoup!