JavaFX UI组件——Button

本文介绍了一个使用JavaFX实现的按钮样式与交互的示例,包括按钮的多种状态变化、图标集成及响应事件处理。示例中展示了如何为按钮添加阴影效果,设置鼠标悬停状态,以及如何通过事件监听器改变按钮行为。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

详解:https://docs.oracle.com/javase/8/javafx/user-interface-tutorial/button.htm

代码示例:

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.geometry.Pos;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.effect.DropShadow;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.scene.text.Font;
import javafx.stage.Stage;

public class ButtonSample extends Application {

    private static final Color color = Color.web("#464646");
    Button button3 = new Button("Decline");
    DropShadow shadow = new DropShadow();
    Label label = new Label();


    public static void main(String[] args) {
        launch(args);
    }

    @Override
    public void start(Stage stage) {
        Scene scene = new Scene(new Group());
        stage.setTitle("Button Sample");
        stage.setWidth(300);
        stage.setHeight(190);
        scene.getStylesheets().add("buttonsample/ControlStyle.css");

        label.setFont(Font.font("Times New Roman", 22));
        label.setTextFill(color);

        Image imageDecline = new Image(getClass().getResourceAsStream("not.png"));
        Image imageAccept = new Image(getClass().getResourceAsStream("ok.png"));

        VBox vbox = new VBox();
        vbox.setLayoutX(20);
        vbox.setLayoutY(20);
        HBox hbox1 = new HBox();
        HBox hbox2 = new HBox();

        Button button1 = new Button("Accept", new ImageView(imageAccept));
        button1.getStyleClass().add("button1");
        button1.setOnAction((ActionEvent e) -> {
            label.setText("Accepted");
        });


        Button button2 = new Button("Accept");
        button2.setOnAction((ActionEvent e) -> {
            label.setText("Accepted");
        });

        button3.setOnAction((ActionEvent e) -> {
            label.setText("Declined");
        });

        button3.addEventHandler(MouseEvent.MOUSE_ENTERED, (MouseEvent e) -> {
            button3.setEffect(shadow);
        });

        button3.addEventHandler(MouseEvent.MOUSE_EXITED, (MouseEvent e) -> {
            button3.setEffect(null);
        });


        hbox1.getChildren().add(button2);
        hbox1.getChildren().add(button3);
        hbox1.getChildren().add(label);
        hbox1.setSpacing(10);
        hbox1.setAlignment(Pos.BOTTOM_CENTER);

        Button button4 = new Button();
        button4.setGraphic(new ImageView(imageAccept));
        button4.setOnAction((ActionEvent e) -> {
            label.setText("Accepted");
        });


        Button button5 = new Button();
        button5.setGraphic(new ImageView(imageDecline));
        button5.setOnAction((ActionEvent e) -> {
            label.setText("Declined");
        });

        hbox2.getChildren().add(button4);
        hbox2.getChildren().add(button5);
        hbox2.setSpacing(25);

        vbox.getChildren().add(button1);
        vbox.getChildren().add(hbox1);
        vbox.getChildren().add(hbox2);
        vbox.setSpacing(10);
        ((Group)scene.getRoot()).getChildren().add(vbox);

        stage.setScene(scene);
        stage.show();
    }
}

 

### JavaFX 组件使用教程 JavaFX 提供了一套丰富的 UI 控件库,这些控件可以用于构建现代图形用户界面 (GUI) 应用程序。以下是关于如何使用 JavaFX 组件的一些指导。 #### 创建基本的 JavaFX 应用程序 为了展示 JavaFX 的功能并演示其组件的使用,下面是一个简单的例子来创建一个带有按钮的应用程序: ```java import javafx.application.Application; import javafx.scene.Scene; import javafx.scene.control.Button; import javafx.stage.Stage; public class SimpleButtonApp extends Application { @Override public void start(Stage primaryStage) { Button btn = new Button(); btn.setText("Click Me"); Scene scene = new Scene(btn, 200, 250); primaryStage.setTitle("Simple Button App"); primaryStage.setScene(scene); primaryStage.show(); } public static void main(String[] args) { launch(args); } } ``` 这段代码定义了一个名为 `SimpleButtonApp` 的类继承自 `Application` 类,并重写了 `start()` 方法,在其中设置舞台(即窗口)、场景以及添加一个按钮到该场景中[^1]。 #### 使用 FXML 文件布局 除了直接在 Java 代码里编写 GUI 外,还可以利用 XML 风格的语言——FXML 来描述界面结构。这使得设计更加直观易懂,并且易于维护。例如,可以通过如下所示的方式加载 FXML 文件中的资源作为应用程序的主要视图: ```xml <!-- sample.fxml --> <?import javafx.geometry.Insets?> <?import javafx.scene.layout.GridPane?> <?import javafx.scene.control.Button?> <GridPane fx:controller="sample.Controller" xmlns:fx="http://javafx.com/fxml" alignment="CENTER" hgap="10" vgap="10"> <padding><Insets top="10" right="10" bottom="10" left="10"/></padding> <!-- Add your controls here --> </GridPane> ``` 然后可以在对应的控制器类里面初始化数据模型或者响应事件操作等逻辑处理工作[^3]。 #### 更多功能与特性 JavaFX 支持多种类型的交互式元素,如文本框、标签、列表框等等;同时也提供了强大的动画支持和多媒体播放能力。开发者可以根据实际需求组合不同的组件实现复杂的功能。此外,还能够方便地对各个部件施加变换效果,比如平移、缩放、旋转等,从而增强用户体验感[^2]。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值