JavaFX基本控件-Button

常用属性

text

设置文本内容

button.setText("测试按钮");

padding

内边距

button.setPadding(new Insets(5, 10, 5, 10));

alignment

文本对齐方式,单行显示内容少的时候体现

button.setAlignment(Pos.CENTER);

textAlignment

文本对齐方式,在多行文本换行的时候着重体现

button.setTextAlignment(TextAlignment.LEFT);

width

button.setMinWidth(100);
button.setPrefWidth(100);
button.setMaxWidth(200);

height

button.setMinHeight(50);
button.setPrefHeight(50);
button.setMaxHeight(100);

tooltip

提示信息,鼠标放上去会给出一个提示

button.setTooltip(new Tooltip("测试Tooltip"));

border

设置边框

Border border = new Border(new BorderStroke(Paint.valueOf("red"), BorderStrokeStyle.SOLID, new CornerRadii(20), new BorderWidths(3)));
button.setBorder(border);

wrapText

设置是否自动换行

button.setWrapText(true);

ellipsisString

设置超长的省略号(自定义字符串)

button.setEllipsisString("^^^^^^");

underline

设置文本下划线

button.setUnderline(true);

graphic

按钮图标

button.setGraphic(new ImageView(new Image("icon.png")));

在这里插入图片描述

graphicTextGap

按钮上图标与文本之间的距离

button.setGraphicTextGap(20);

disable

设置是否禁用按钮

button.setDisable(true);

在这里插入图片描述

实现方式

Java实现

public static VBox demo1() {
     VBox vBox = new VBox();
     vBox.setPadding(new Insets(10, 10, 5, 20));

     Button button = build("按钮1-单行");
     button.setGraphic(new ImageView(new Image("icon.png")));
     button.setGraphicTextGap(20);
     button.setAlignment(Pos.CENTER_LEFT);
     button.setUnderline(true);
     vBox.getChildren().add(button);

     button = build("按钮2-多行测试-多行测试-多行测试-多行测试-多行测试-多行测试-多行测试-多行测试-多行测试-多行测试-多行测试-多行测试-多行测试-多行测试-多行测试");
     button.setWrapText(true);
     vBox.getChildren().add(button);

     button = build("按钮3-单行超长-单行超长-单行超长-单行超长-单行超长-单行超长-单行超长-单行超长-单行超长-单行超长-单行超长-单行超长-单行超长-单行超长-单行超长");
     button.setWrapText(false);
     button.setAlignment(Pos.CENTER_RIGHT);
     button.setDisable(true);
     vBox.getChildren().add(button);
     return vBox;
 }

 private static Button build(String text) {
     Button button = new Button();
     button.setBorder(new Border(new BorderStroke(Paint.valueOf("red"), BorderStrokeStyle.SOLID, new CornerRadii(20), new BorderWidths(3))));
     button.setPadding(new Insets(5, 10, 5, 10));
     button.setTooltip(new Tooltip(text + "Tooltip"));
     button.setText(text);
     button.setAlignment(Pos.CENTER_RIGHT);
     button.setTextAlignment(TextAlignment.RIGHT);

     button.setMinWidth(100);
     button.setPrefWidth(100);
     button.setMaxWidth(200);

     button.setMinHeight(50);
     button.setPrefHeight(50);
     button.setMaxHeight(100);

     button.setWrapText(true);
     button.setEllipsisString("^^^^^^");
     return button;
 }

fxml实现

<VBox prefHeight="400" prefWidth="600" xmlns="http://javafx.com/javafx/17.0.2-ea" xmlns:fx="http://javafx.com/fxml/1">
    <children>
        <Button alignment="CENTER" ellipsisString="^^^^^^" maxHeight="100" maxWidth="200" prefHeight="50"
                prefWidth="100"
                text="按钮1,测试一下换行数据,测试一下换行数据" textAlignment="RIGHT" textFill="#877f3a"
                underline="true" wrapText="true">
            <padding>
                <Insets bottom="10.0" left="10.0" right="10.0" top="10.0"/>
            </padding>
            <font>
                <Font name="Arial Bold" size="14.0"/>
            </font>
        </Button>
        <Button alignment="CENTER" ellipsisString="^^^^^^" maxHeight="100" maxWidth="200" prefHeight="50"
                prefWidth="100" text="按钮2" textAlignment="LEFT" textFill="#877f3a"
                underline="true" wrapText="false" disable="true">
            <padding>
                <Insets bottom="10.0" left="10.0" right="10.0" top="10.0"/>
            </padding>
            <font>
                <Font name="Arial Bold" size="14.0"/>
            </font>
        </Button>
        <Button alignment="CENTER" ellipsisString="^^^^^^" maxHeight="100" maxWidth="200" prefHeight="50"
                prefWidth="100" text="按钮3,单行超长测试,单行超长测试" textAlignment="LEFT" textFill="#877f3a"
                underline="true" wrapText="false" disable="true">
            <padding>
                <Insets bottom="10.0" left="10.0" right="10.0" top="10.0"/>
            </padding>
            <font>
                <Font name="Arial Bold" size="14.0"/>
            </font>
        </Button>
    </children>
</VBox>
  • 17
    点赞
  • 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、付费专栏及课程。

余额充值