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

最新推荐文章于 2024-08-15 08:37:30 发布
最新推荐文章于 2024-08-15 08:37:30 发布
阅读量1.4w 收藏 202
点赞数 53
分类专栏： 极致通俗 文章标签： java 开发工具 可视化 css xml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44155966/article/details/104926304
版权

史上最直观的JavaFx布局讲解（超多图）

前言

代码是给机器看的，不是给人看的，可是代码表达灵活

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

可视化工具：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，意思就跟随外面的移动，外面的往左，里面的就往左，外面的往右，里面的就往右

后记

加油ヾ(◍°∇°◍)ﾉﾞ！！！

轻夏
关注
专栏目录
JavaFX的一些组件、布局方式的代码实现（含案例运行效果图）
weixin_45802810的博客
08-23 3779
创建按钮 import javafx.application.Application; import javafx.scene.Scene; import javafx.scene.control.Button; import javafx.stage.Stage; public class Main extends Application { /* JavaFX是借用剧院的术语来命名应用程序界面的， JavaFX程序用户界面的顶层称为Stage，代表窗口， 舞台Stage中摆放的是场景Sc
javaFX-商品管理系统
LJT_1314520的博客
06-25 1220
关系图 实体类：Category，Goods 页面分析 该界面的布局是非常典型的网格布局,我们可以拆分如下 该元素的控件则比我们之前的控件稍微多一点 涉及控件 Label 文本标签 , TextField 输入框 , ChoiceBox 下拉框 , Slider 滑动条 , TextArea 文本域 , FileChooser 文件选择 器 , Button 按钮 , DatePicker 日期选择器 标签定义 Label 类的构造可以在设置文本值的时候在设置一个 Node 类型,我
JavaFX的一些基本类
zhangxingyu126的博客
05-31 1144
1.Stage：创建舞台2.Scene：创建场景3.Pane：面板的基类，用getChildren()来返回面板中的节点列表4.stackPane：面板，节点放置在面板中央5.FlowPane：节点以一行一行，或者一列一列放置6.GridPane：节点放置在一个二维网络的单元格中7.BorderPane:节点放置在四周及中央8.HBox：节点放置在单行中9.VBox：节点放置在单列中10.Colo...
JavaFX BorderPane布局
最新发布
unber的博客
08-15 196
布局顶部，底部，左，右或中心区域中的子节点。每个区域只能有一个节点。的顶部和底部区域允许可调整大小的节点占用所有可用宽度。左边界区域和右边界区域占据顶部和底部边界之间的可用垂直空间。默认情况下，所有边界区域尊重子节点的首选宽度和高度。Pos.CENTER。
Java FX - StackPane
贾岚翔的博客
06-10 1341
stackpane将所有子空间全部堆叠起来，先get的children在下面，后get的在上面，虽然不显示但是依然存在，可以用下面的foreach方法循环打印控件名称来确定，最后还用了lambda表达式，不会的可以用foreach。 package sample; import javafx.application.Application; import javafx.geometry.Insets; import javafx.geometry.Pos; import javafx.scen.
JavaFX 中stackPane使用
liuhua7383的专栏
11-30 411
JavaFX 中stackPane
java中borderpane_JavaFX BorderPane布局
weixin_42297390的博客
02-28 2128
BorderPane布局顶部，底部，左，右或中心区域中的子节点。每个区域只能有一个节点。BorderPane的顶部和底部区域允许可调整大小的节点占用所有可用宽度。左边界区域和右边界区域占据顶部和底部边界之间的可用垂直空间。默认情况下，所有边界区域尊重子节点的首选宽度和高度。放置在顶部，底部，左侧，右侧和中心区域中的节点的默认对齐方式如下：顶部: Pos.TOP_LEFT底部: Pos.BOTTOM...
JavaFX布局-StackPane
ceclar123的专栏
07-28 293
所有子节点堆积在一起
JavaFX 布局——StackPane
每天走走
01-27 5178
import javafx.application.Application; import javafx.scene.Parent; import javafx.scene.Scene; import javafx.scene.layout.StackPane; import javafx.scene.paint.Color; import javafx.scene.shape.Ellipse;...
JavaFX 布局 StackPane
MAIMIHO的博客
05-24 3149
StackPane 类似于 FrameLayout StackPane root = new StackPane(); root.setAlignment(Pos.CENTER); StackPane.setAlignment(button1, Pos.TOP_LEFT); StackPane.setAlignment(button2, Pos.TOP_RIGHT);
JavaFX入门（四）：JavaFX布局（一）
热门推荐
给永远比拿愉快
12-05 6万+
说道GUI编程一定要谈到布局，JavaFX内置了大量的布局控件提供给我们使用。其实，JavaFX的布局控件和界面元素控件都是继承自javafx.scene.layout.Region类。我们这里只看布局控件类。布局控件我们在界面上一般是看不到的，它一个容器用于放置其它可视的界面元素控件。（JavaFX在线API文档：JavaFX8 API Online） JavaFX布局控件的类图如下： 下面简
史上最简单Android图片轮播效果实现 源码程序
08-28
首先，我们来看看标题提到的“史上最简单Android图片轮播效果实现”。通常，这种效果可以通过ViewPager组件来完成，它是Android SDK中的一个强大视图，主要用于实现页面滑动浏览。ViewPager允许用户左右滑动页面，...
Android 超高仿微信图片选择器完整实例源码下载
10-12
在Android开发中，创建一个与微信图片选择器类似的组件是一个常见的需求，这涉及到用户界面设计、图片处理、文件管理等多个方面。本实例源码提供了一个完整的解决方案，旨在帮助开发者实现类似微信的图片选择功能。...
javafx边框线_向GridPane JavaFX添加边框
weixin_39918690的博客
01-17 1801
不要使用setGridLinesVisible(true)： documentation明确声明这仅用于调试.而是将窗格放在所有网格单元格中(甚至是空格子单元格),并设置窗格样式以便您看到边框. (这使您有机会非常小心地控制边框,因此可以避免双边框等.)然后将内容添加到每个窗格.您还可以使用窗格注册鼠标侦听器,这意味着您无需进行丑陋的数学计算以确定单击了哪个单元格.将边框应用于任何区域的推荐方法是...
JavaFx2.0---GridPane/StackPane
04-21 452
1.GridPane：它是一种 layout，布局方式类似表格，它非常的灵活，可以任意设置任何Node到任何GridCell，甚至可以自由设置GridSPan，方便一个cell跨越多行或者多列 重要属性： （1）gridLineVisible：如果设置为true的话，那么现实时可以看到表格的线条，这个属性在开发期间很有用 （2）gap：包括了HGap和VGap，分别表示水平方向和竖...
JavaFX技巧14：StackPane子项-隐藏但不消失
最佳 Java 编程
05-23 744
另一个简短提示：Swing提供了一个名为CardLayout的布局管理器，该管理器管理容器内的一组组件（卡），但始终仅显示其中一个。 方法CardLayout.show（Container ，String）允许在组件/卡之间切换。 在JavaFX中，可以通过使用StackPane ，添加几个子代（每个子代都使用窗格的整个宽度和高度）并调用Node.toFront（）方法在这些子代之间进行...
JavaFX 2.0布局窗格– BorderPane
最佳 Java 编程
05-10 2457
BorderPane非常适合开发更复杂的布局。 通常， BorderPane提供五个不同的区域：顶部，右侧，底部，左侧和中央。 您可以通过调用setTop/setBottom/set…方法将Node设置到每个区域。 这种方法使开发“类似网站”的应用程序窗口变得非常容易，您可以在其中的顶部有一个菜单栏或工具栏，在左边有一个导航栏，在底部有某种页脚，在中心区域有您的主要内容，可能还有一些右侧的...
javafx布局类AnchorPane
大知无涯者
04-03 1万+
AnchorPane继承与Pane。 Anchor有锚的意思，AnchorPane即锚布局，可以设置子节点位置。 public class TestAnchorPane extends Application{ public static void main(String[] args) { launch(); } public void start(Stage primaryStag...
JavaFX布局-AnchorPane
ceclar123的专栏
07-28 262
容器边缘与其子节点之间的距离。
JavaFx新手教程-布局-StackPane
05-19
StackPane 是 JavaFX 中常用的布局之一，它可以将多个控件放置在同一位置，通过设置控件的堆叠顺序来显示所需的控件。在 StackPane 中，所有控件默认都是居中对齐的，而且它们会自动适应窗口大小的变化。 下面是一个简单的 StackPane 示例代码： ```java import javafx.application.Application; import javafx.scene.Scene; import javafx.scene.control.Button; import javafx.scene.layout.StackPane; import javafx.stage.Stage; public class StackPaneExample extends Application { @Override public void start(Stage primaryStage) { Button button1 = new Button("Button 1"); Button button2 = new Button("Button 2"); Button button3 = new Button("Button 3"); StackPane stackPane = new StackPane(); stackPane.getChildren().addAll(button1, button2, button3); Scene scene = new Scene(stackPane, 300, 200); primaryStage.setTitle("StackPane Example"); primaryStage.setScene(scene); primaryStage.show(); } public static void main(String[] args) { launch(args); } } ``` 在这个示例代码中，我们创建了三个按钮，并将它们添加到 StackPane 中。最后，我们创建了一个 Scene 并将 StackPane 设置为根节点，然后将该 Scene 设置为 primaryStage 的场景。运行程序，你可以看到三个按钮都被居中显示在窗口中央。 当然，StackPane 不仅仅只能用于放置按钮，你可以将任何控件添加到 StackPane 中，例如图片、标签、文本框等等。在 StackPane 中，后添加的控件会自动放在前面添加的控件上面，你可以通过设置控件的 Z 轴坐标来改变它们的堆叠顺序。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值