JavaFX布局-ToolBar

  • 容纳一组按钮的容器
  • 支持水平、垂直布局
  • 内容太多,会自动折叠

常用属性

orientation

排列方式,Orientation.VERTICAL、Orientation.HORIZONTAL

flowPane.setOrientation(Orientation.HORIZONTAL);

padding

内边距,可以单独设置上、下、左、右的内边距

flowPane.setPadding(new Insets(10, 10, 10, 10));

实现方式

Java实现

在这里插入图片描述

    public static ToolBar demo1() {
        ToolBar toolBar = new ToolBar();
        // 布局方向
        toolBar.setOrientation(Orientation.VERTICAL);
        // 内边距
        toolBar.setPadding(new Insets(10, 10, 10, 10));

        for (int i = 1; i <= 10; i++) {
            Button btn = new Button("Button " + i);
            Separator separator = new Separator();
            toolBar.getItems().addAll(btn, separator);
        }

        return toolBar;
    }

fxml实现

在这里插入图片描述

<StackPane alignment="TOP_LEFT" prefHeight="400" prefWidth="600" xmlns="http://javafx.com/javafx/17.0.2-ea"
           xmlns:fx="http://javafx.com/fxml/1">
    <children>
        <ToolBar prefHeight="40.0" prefWidth="200.0">
            <items>
                <Button mnemonicParsing="false" text="Button 1"/>
                <Separator/>
                <Button mnemonicParsing="false" text="Button 2"/>
                <Separator/>
                <Button mnemonicParsing="false" text="Button 3"/>
                <Separator/>
                <Button mnemonicParsing="false" text="Button 4"/>
                <Separator/>
                <Button mnemonicParsing="false" text="Button 5"/>
                <Separator/>
                <Button mnemonicParsing="false" text="Button 6"/>
                <Separator/>
                <Button mnemonicParsing="false" text="Button 7"/>
                <Separator/>
                <Button mnemonicParsing="false" text="Button 8"/>
                <Separator/>
                <Button mnemonicParsing="false" text="Button 9"/>
                <Separator/>
                <Button mnemonicParsing="false" text="Button 10"/>
                <Separator/>
            </items>
        </ToolBar>
    </children>
</StackPane>
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、付费专栏及课程。

余额充值