目录

2638264600 的个人博客

记录精彩的程序人生

转:JavaFx布局讲解

史上最直观的JavaFx布局讲解(超多图)BorderPane、StackPane、GridPane、AnchorPane等

轻夏

于 2020-03-17 18:07:50 发布

8091
收藏 124
分类专栏: 极致通俗 文章标签: java 开发工具 可视化 css xml
版权

极致通俗
专栏收录该内容
38 篇文章0 订阅
订阅专栏
史上最直观的JavaFx布局讲解(超多图)
前言
1、BorderPane
2、HBox
3、VBox
4、StackPane
5、GridPane
6、FlowPane
7、SplitPane
8、Accordion
9、TabPane
10、AnchorPane
后记
前言
代码是给机器看的,不是给人看的,可是代码表达灵活

我们直接使用可视化工具,等学会了再用代码来写

可视化工具:SceneBuilder
下载地址:https://gluonhq.com/products/scene-builder/

直接下载就可以了
1、BorderPane
提供了5个放置节点的区域:top, bottom, left, right, 和 center

在Containers中就可以找到BorderPane

拖拽到黑灰色部分即可

此时我们随便拖拽一个按钮都会出现五个位置,BorderPane就是可以放到5个敌方的

2、HBox
可以先delete刚才的,再拖进其他面板,就上具体操作的图了

HBox横的一个一个摆

3、VBox
HBox竖的一个一个摆

4、StackPane
StackPane后来居上,新放的东西会覆盖原来的东西

5、GridPane
GridPane一格一格的放,可以设置行和列

6、FlowPane
FlowPane会一行一行的摆,放不下就拐到下一行

7、SplitPane
SplitPane能用鼠标拖动的面板

8、Accordion
Accordion可以翻的页面

9、TabPane
TabPane一个一个的标签

10、AnchorPane
AnchorPane我们可以看到,每个页面里面都有AnchorPane,意思就跟随外面的移动,外面的往左,里面的就往左,外面的往右,里面的就往右

后记
加油ヾ(◍°∇°◍)ノ゙!!!
————————————————
版权声明:本文为CSDN博主「轻夏」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_44155966/article/details/104926304


标题:转:JavaFx布局讲解
作者:三学一心
地址:http://bk.isseeker.com/articles/2022/08/15/1660526891731.html