利用JavaFx开发RIA桌面应用-布局说明

转载请注明来源-作者@loongshawn:http://blog.csdn.net/loongshawn/article/details/52878527

1.概要

JavaFX 带有自己的布局类,如图所示(来自 Amy Fowler 在 JavaOne 2011 的演示文稿),旨在便于对任何类型的平台和任何大小的场景进行用户界面布局,这些类位于 javafx.scene.layout 程序包中。

这里写图片描述

下图则对每种布局做了说明:

这里写图片描述

2.具体说明

本文仅对其中四个经常使用的布局作演示说明,分别是VBox、HBox、BorderPane、GridPane,当然要设计出比较优美的界面,仅仅靠这些完全不够,还需要大家自我修行,本文仅仅做一个初级的介绍,让大家对布局有一个视觉上的了解。

2.1 VBox

垂直布局,往布局中添加的控件依据添加顺序从上到下垂直排列。如下,往vbox中添加了3个标签。

VBox vBox = new VBox();

Label label1 = new Label("测试1");
Label label2 = new Label("测试2");
Label label3 = new Label("测试3");

vBox.getChildren().addAll(label1,label2,label3);

效果图:
这里写图片描述

2.2 HBox

水平布局,往布局中添加的控件依据添加顺序从左到右水平排列。如下,往hbox中添加了3个标签。

HBox hBox= new HBox();

Label label1 = new Label("测试1");
Label label2 = new Label("测试2");
Label label3 = new Label("测试3"
  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
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 轴坐标来改变它们的堆叠顺序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值