1 pièce(s) jointe(s)
ScrollPane "fit-to-height" qui ne fonctionne pas
Bonjour,
J'ai un écran qui est découpé en 3 parties comme suit:
Pièce jointe 641577
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:
Citation:
-fx-fit-to-height: true;
- Dans le fxml:
Citation:
fitToHeight="true"
- Dans le fxml:
Citation:
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:
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:
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!
