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

简介: JavaFx - 史上最直观的 JavaFx 布局讲解(超多图)BorderPane、StackPane、GridPane、FlowPane、SplitPane、TabPane、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,意思就跟随外面的移动,外面的往左,里面的就往左,外面的往右,里面的就往右

目录
打赏
0
0
0
0
37
分享
相关文章
|
8月前
|
如何解决ElementUI中的el-tab-pane组件使用v-show不生效的问题?
如何解决ElementUI中的el-tab-pane组件使用v-show不生效的问题?
517 3
|
5月前
Twaver-HTML5基础学习(38)劈分面板SplitPane
本文介绍了如何在Twaver-HTML5中使用SplitPane组件来创建可分割的面板,通过动态调整分割条来改变面板的大小,支持水平和垂直分割。
48 2
Twaver-HTML5基础学习(38)劈分面板SplitPane
分析比较 opacity: 0、visibility: hidden、display: none 优劣和适用场景
在CSS中,`opacity: 0`、`visibility: hidden` 和 `display: none` 都能隐藏元素,但各有千秋。`opacity: 0` 使元素透明但仍占布局空间;`visibility: hidden` 同样保留空间但使元素完全不可见;而 `display: none` 则彻底移除元素及其所占空间。根据具体需求选择合适方式可优化页面表现与性能。
|
9月前
|
Java一分钟之-JavaFX布局管理:GridPane, VBox, HBox
本文介绍了JavaFX的三种常用布局管理器:GridPane、VBox和HBox。GridPane用于创建二维网格布局,需设置行和列约束以防止控件重叠。VBox按垂直方向堆叠控件,记得设置间距。HBox水平排列控件,可能需要分配额外空间以避免水平滚动条。示例代码展示了这三种布局的使用。理解并运用这些布局管理器能提升JavaFX应用的界面设计。
415 0
|
7月前
|
使用el-tab,el-tab-pane循环使用循环后不显示下划线问题
使用el-tab,el-tab-pane循环使用循环后不显示下划线问题
302 0
CSS之选择器(十)<label> 和 <input>
CSS之选择器(十)<label> 和 <input>
CSS之选择器(十)<label> 和 <input>
解决spacy3.2报错:Can‘t find model ‘en‘.
(1)下载spacy一直没成功,把pip install spacy改成conda install spacy就可以了; (2)在命令行输入 python3 -m spacy download en 来下载英语语言包(如果是其他语言则下载其他包了),不过en现在最好用全称en_core_web_sm,这一步也可以先下载tar再pip install en_core_web_md-2.2.5.tar.gz(但是注意把文件放对路径)。 然后测试下代码:
657 0
零元学Expression Blend 4 - Chapter 10 用实例了解布局容器系列-「StackPanel」
原文:零元学Expression Blend 4 - Chapter 10 用实例了解布局容器系列-「StackPanel」 本系列将教大家以实做案例认识Blend 4 的布局容器,此章介绍的布局容器是Blend 4 里的乖宝宝-「StackPanel」;及加码赠送「ScrollViewer」的运用。
1117 0

热门文章

最新文章