18、JavaFX布局窗格与CSS样式应用详解

JavaFX布局窗格与CSS样式应用详解

1. JavaFX布局窗格概述

在JavaFX中，布局窗格对于精确设计场景至关重要。下面将介绍一些常见布局窗格的使用方法和特点。

1.1 瓷砖窗格（Tile Pane）

瓷砖窗格的创建和设置步骤如下：
1. 创建瓷砖窗格，设置水平和垂直间隙为10像素，首选宽度为两列，并设置内边距。
2. 使用for循环创建12个带标签的矩形，并将它们添加到瓷砖窗格中。
3. 创建滚动窗格并设置其大小，宽度固定为250像素，首选高度为400像素，滚动窗格的高度可根据需要增长或缩小以填充场景。
4. 垂直滚动条将始终显示，即使不需要。
5. 使用堆栈窗格为滚动窗格提供40像素的边距。
6. 将堆栈窗格添加到场景中，完成并显示场景。

1.2 网格窗格（Grid Pane）

网格窗格布局管理器允许将GUI元素排列在行列网格中，与瓷砖窗格不同，网格窗格的行和列不必大小相同，它会根据添加到面板的组件自动调整每列的宽度和每行的高度。其重要特性如下：
- 可以指定每个组件要放置的单元格，并控制其在面板中的位置。
- 可以创建跨越多行或多列的组件，如两列宽的按钮或四行高的列表框。
- 可以告诉GridPane在组件不足以填充整个分配区域时将其拉伸以填充该区域，可指定水平、垂直或两者同时拉伸。
- 如果组件未填充其分配区域，可以指定组件在该区域内的对齐方式，如左对齐或右对齐。

2. 网格窗格布局的详细步骤

2.1 规划布局

在创建网格窗格布局之前，需要进行规划：