史上最直观的JavaFx布局讲解(超多图)BorderPane、StackPane、GridPane、AnchorPane等
史上最直观的JavaFx布局讲解(超多图)前言1、BorderPane2、HBox3、VBox4、StackPane5、GridPane6、FlowPane7、SplitPane8、Accordion9、TabPane10、AnchorPane后记前言代码是给机器看的,不是给人看的,可是代码表达灵活我们直接使用可视化工具,等学会了再用代码来写可视化工具:SceneBuilder下载地址:...
史上最直观的JavaFx布局讲解(超多图)
前言
代码是给机器看的,不是给人看的,可是代码表达灵活
我们直接使用可视化工具,等学会了再用代码来写
可视化工具:SceneBuilder
下载地址:https://gluonhq.com/products/scene-builder/
![](https://i-blog.csdnimg.cn/blog_migrate/18121145008b0e5c2e4edd061c8dbeee.png)
1、BorderPane
提供了5个放置节点的区域:top, bottom, left, right, 和 center
![](https://i-blog.csdnimg.cn/blog_migrate/8bee69be2fa0a16fc8ebc68ace78e7ee.png)
![](https://i-blog.csdnimg.cn/blog_migrate/9f12f8e66a2a37604135ba684fe16ef0.png)
拖拽到黑灰色部分即可
![](https://i-blog.csdnimg.cn/blog_migrate/0b35310a9e8dfa7f9028c1f3701bd35b.png)
此时我们随便拖拽一个按钮都会出现五个位置,BorderPane就是可以放到5个敌方的
2、HBox
可以先delete刚才的,再拖进其他面板,就上具体操作的图了
HBox横的一个一个摆
![](https://i-blog.csdnimg.cn/blog_migrate/1834ad0c5be089ea7e6cb03582c15988.png)
3、VBox
HBox竖的一个一个摆
![](https://i-blog.csdnimg.cn/blog_migrate/06fa4cd947cd26b1d54a873545a72ea8.png)
4、StackPane
StackPane后来居上,新放的东西会覆盖原来的东西
![](https://i-blog.csdnimg.cn/blog_migrate/14a2320af60dbfb665b485a33eabac0c.png)
5、GridPane
GridPane一格一格的放,可以设置行和列
![](https://i-blog.csdnimg.cn/blog_migrate/d53ba7c6413e887ffd9d27f985987df0.png)
6、FlowPane
FlowPane会一行一行的摆,放不下就拐到下一行
![](https://i-blog.csdnimg.cn/blog_migrate/600843a7247c928f294f5586dfa2eab4.png)
7、SplitPane
SplitPane能用鼠标拖动的面板
![](https://i-blog.csdnimg.cn/blog_migrate/64ac2e6c34d95418aad6a1c5dbf89699.png)
8、Accordion
Accordion可以翻的页面
![](https://i-blog.csdnimg.cn/blog_migrate/378d374eebd6d90d336f17807415bf77.png)
9、TabPane
TabPane一个一个的标签
![](https://i-blog.csdnimg.cn/blog_migrate/449e08c6eab28175b48d84150103292d.png)
10、AnchorPane
AnchorPane我们可以看到,每个页面里面都有AnchorPane,意思就跟随外面的移动,外面的往左,里面的就往左,外面的往右,里面的就往右
![](https://i-blog.csdnimg.cn/blog_migrate/2ae38e4deda661cb6702035bce84e0d2.png)
后记
加油ヾ(◍°∇°◍)ノ゙!!!
![Logo](https://devpress.csdnimg.cn/79de2bf0b7994defa4242ef90d5513fa.jpg)
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)