博客
关于我
JavaFX之Scene Builder详细使用说明之组件篇(1)——容器组件
阅读量:257 次
发布时间:2019-03-01

本文共 2275 字,大约阅读时间需要 7 分钟。

目录


 

容器组件预览

本章所讲的所有控件都是容器控件,即可以嵌套其他控件,也可以嵌套其他的容器,大多数容器都与布局有关,而明白这些容器的功能便于快捷布局。

所有的容器组件预览如下图所示:

各个容器控件介绍如下:

  • Accordion:复合标题面板的布局容器,效果查看下图。

  • Accordion(empty):复合标题面板的布局容器,没有Anchor锚布局面板,效果查看下图。

  • AnchorPane:锚布局,组件可以在布局中的任何位置,效果查看下图。

  • BorderPane:边界布局,分为TOP、LEFT、CENTER、RIGHT、BOTTOM五个区域。

  • FlowPane:流布局,从左到右依次排列,放不下时就换行继续排列。

  • GridPane:网格布局,所有控件或容器放到相应的网格中。

  • HBox:水平盒子,里面的控件呈水平排列,和VBox垂直盒子相对应。

  • Pane:所有容器Pane面板类的父类,基本容器面板。

  • ScrollPane:滚动面板容器。

  • ScrollPane(empty):滚动面板容器控件,没有AnchorPane控件,可以自己添加其他容器控件。

  • SplitPane(empty):分割面板。

  • SplitPane(horizontal):水平分割面板容器控件,有一个垂直分隔条。

  • SplitPane(vertical):垂直分割面板容器控件,有一个水平分隔条。

  • StackPane:层叠面板容器,组件层叠放置。

  • Tab:Tab控件,与TabPane一起使用。

  • TabPane:Tab面板,可以切换Tab选项来切换不同的内容。

  • TabPane(empty):没有AnchorPane,可以自己添加容器面板。

  • TextFlow(FX8):也是一个容器控件,一般同Text一起使用。

  • TilePane:类似于FlowPane的容器。

  • TitledPane:折叠容器面板,可以折叠面板内容。

  • TitledPane(empty):没有AnchorPane,可以自己设置容器控件。

  • ToolBar:工具栏控件。

  • VBox:垂直布局容器控件,控件垂直排列。

 

Accordion

一个Accrodion控件的布局如下:

预览查看效果:

 

Accordion(empty)

和Accordion组件不同的是没有AnchorPane面板,可以自行添加任何其他容器。

比如说在TitledPane容器中添加一个VBox容器控件:

 

AnchorPane

锚点布局容器,里面的控件可以在布局容器中的任何位置。

里面的控件可以AnchorPane中的任意位置进行拖动。

 

BorderPane

边界布局如下:

动态演示如下:

 

FlowPane

流布局,从左向右依次排列控件,无论是普通控件还是容器布局控件,但一行排满了或放不下时就会换行继续从左到右排列显示。

动态图演示:

 

GridPane

GridPane是窗格布局,类似于表格,可以在每个空格中放入控件或容器面板。如计算器就可以使用GridPane来进行布局。

动态演示如下:

 

HBox

水平布局,该容器内的所有控件都是水平排列,呈一条水平轴线,即使所有控件的总宽度超过界面窗口的宽度,也不会换行,而是缩短控件宽度。

动图演示:

 

Pane

Pane面板是所有其他面板如AnchorPane的父类。

使用和AnchorPane面板差不多,也可以让组件到处放置。

 

ScrollPane

滚动面板,里面的控件内容如果超过ScrollPane的长度和宽度,那么就会出现滚动条,使多余的内容可以滚动显示。

动图演示:

 

ScrollPane(empty)

和上面的ScrollPane的区别就是没有哪个AnchorPane控件,就是可以自己添加其他类型的容器或控件。

动图演示:

 

SplitPane(empty)

分割面板,在SplitPane容器内添加其他容器进行分隔显示。

动图演示:

 

SplitPane(horizontal)

水平分割面板,即分隔条是垂直的,效果如图:

 

SplitPane(vertical)

垂直分割面板,即分隔条是水平放置的,效果如图:

 

StackPane

堆积容器面板,控件是呈堆积放置的,查看下面的动图,可以看到控件是层叠放置的。

动图演示如下:

 

Tab

Tab控件是和TabPane面板一起使用的,单个使用没有效果。

 

TabPane

Tab面板,由Tab控件构成,而AnchorPane的内容面板,放置你要布局的控件。其中可以切换Tab来更换显示不同的内容。

动图演示:

通过上面的Tab来切换不同的面板。

 

TabPane(empty)

和上面的TabPane区别就是没由AnchorPane控件,可以自己选择容器。

动图演示:

 

TextFlow(FX8)

该控件一般用来显示文本的,同Text控件一起使用。

动图演示:

 

TilePane

TilePane是一个类似于FlowPane的容器。

 

TitledPane

标题面板布局,点击untitled标题可以折叠面板内容。

而Accordion面板就是复合的TitledPane面板。

效果演示:

 

TitledPane(empty)

和上面的TitledPane面板不同的是没有AnchorPane面板,可以自己添加其他容器控件。

动图演示:

 

ToolBar

工具栏控件。

动图演示:

 

VBox

垂直盒子布局,里面的所有控件都是垂直排列的,呈一条垂直线分布。

动图演示:

 

可搜索微信公众号【Java实例程序】或者扫描下方二维码关注公众号获取更多。

 

 

 

 

 

 

 

 

 

 

转载地址:http://bzkx.baihongyu.com/

你可能感兴趣的文章
MYSQL中TINYINT的取值范围
查看>>
MySQL中UPDATE语句的神奇技巧,让你操作数据库如虎添翼!
查看>>
Mysql中varchar类型数字排序不对踩坑记录
查看>>
MySQL中一条SQL语句到底是如何执行的呢?
查看>>
MySQL中你必须知道的10件事,1.5万字!
查看>>
MySQL中使用IN()查询到底走不走索引?
查看>>
Mysql中使用存储过程插入decimal和时间数据递增的模拟数据
查看>>
MySql中关于geometry类型的数据_空的时候如何插入处理_需用null_空字符串插入会报错_Cannot get geometry object from dat---MySql工作笔记003
查看>>
mysql中出现Incorrect DECIMAL value: '0' for column '' at row -1错误解决方案
查看>>
mysql中出现Unit mysql.service could not be found 的解决方法
查看>>
mysql中出现update-alternatives: 错误: 候选项路径 /etc/mysql/mysql.cnf 不存在 dpkg: 处理软件包 mysql-server-8.0的解决方法(全)
查看>>
Mysql中各类锁的机制图文详细解析(全)
查看>>