正文

掌握Java图形界面，从入门到实践：轻松学会Swing和JavaFX打造酷炫应用

/0 浏览量
0904

Java作为一门历史悠久且功能强大的编程语言，其图形用户界面（GUI）开发一直是开发者关注的焦点。Swing和JavaFX是Java中两个主要的图形界面开发框架，它们为开发者提供了丰富的组件和功能，用于创建各种桌面应用程序。本文将带你从入门到实践，轻松学会使用Swing和JavaFX打造酷炫的应用。

入门篇：认识Swing和JavaFX

1. Swing简介

Swing是Java的一个图形用户界面工具包，它提供了丰富的组件，如按钮、文本框、列表框等，可以用于构建复杂的桌面应用程序。Swing的优点是跨平台，可以在Windows、Mac和Linux等多个操作系统上运行。

2. JavaFX简介

JavaFX是Java的新一代客户端平台，它提供了更丰富的UI组件和动画效果，支持3D图形和多媒体处理。JavaFX旨在取代Swing，成为Java桌面应用程序开发的未来趋势。

基础篇：Swing和JavaFX基本组件

1. Swing基本组件

在Swing中，常用的基本组件包括：

  • 按钮（JButton）
  • 文本框（JTextField）
  • 标签（JLabel）
  • 单选按钮（JRadioButton）
  • 复选框（JCheckBox）
  • 列表框（JList）
  • 树（JTree）
  • 表格（JTable）

2. JavaFX基本组件

在JavaFX中，常用的基本组件包括：

  • 按钮（Button）
  • 文本字段（TextField）
  • 标签（Label）
  • 选择框（ComboBox）
  • 树（Tree）
  • 表格（TableView）

进阶篇：Swing和JavaFX布局管理器

布局管理器是Swing和JavaFX中非常重要的概念，它用于确定组件在容器中的位置和大小。以下是一些常用的布局管理器：

1. Swing布局管理器

  • 流式布局（FlowLayout）
  • 边框布局（BorderLayout）
  • 网格布局（GridLayout）
  • 卡片布局（CardLayout）

2. JavaFX布局管理器

  • 流式布局（FlowPane）
  • 边框布局（BorderPane）
  • 网格布局（GridPane）
  • 堆叠布局（StackPane）

实践篇：使用Swing和JavaFX开发应用

1. Swing应用示例

以下是一个使用Swing创建的简单计算器应用示例：

import javax.swing.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

public class Calculator extends JFrame {
    private JTextField firstNumber, secondNumber;
    private JButton addButton, subtractButton, multiplyButton, divideButton;
    private JLabel resultLabel;

    public Calculator() {
        setTitle("Calculator");
        setSize(300, 200);
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setLayout(new BorderLayout());

        firstNumber = new JTextField();
        secondNumber = new JTextField();
        addButton = new JButton("+");
        subtractButton = new JButton("-");
        multiplyButton = new JButton("*");
        divideButton = new JButton("/");
        resultLabel = new JLabel("Result: ");

        add(firstNumber, BorderLayout.NORTH);
        add(secondNumber, BorderLayout.CENTER);
        JPanel buttonPanel = new JPanel();
        buttonPanel.add(addButton);
        buttonPanel.add(subtractButton);
        buttonPanel.add(multiplyButton);
        buttonPanel.add(divideButton);
        add(buttonPanel, BorderLayout.SOUTH);
        add(resultLabel, BorderLayout.EAST);

        addButton.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                int result = Integer.parseInt(firstNumber.getText()) + Integer.parseInt(secondNumber.getText());
                resultLabel.setText("Result: " + result);
            }
        });

        subtractButton.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                int result = Integer.parseInt(firstNumber.getText()) - Integer.parseInt(secondNumber.getText());
                resultLabel.setText("Result: " + result);
            }
        });

        multiplyButton.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                int result = Integer.parseInt(firstNumber.getText()) * Integer.parseInt(secondNumber.getText());
                resultLabel.setText("Result: " + result);
            }
        });

        divideButton.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                int result = Integer.parseInt(firstNumber.getText()) / Integer.parseInt(secondNumber.getText());
                resultLabel.setText("Result: " + result);
            }
        });
    }

    public static void main(String[] args) {
        SwingUtilities.invokeLater(new Runnable() {
            @Override
            public void run() {
                new Calculator().setVisible(true);
            }
        });
    }
}

2. JavaFX应用示例

以下是一个使用JavaFX创建的简单计算器应用示例：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class Calculator extends Application {
    private TextField firstNumber, secondNumber;
    private Button addButton, subtractButton, multiplyButton, divideButton;
    private Label resultLabel;

    @Override
    public void start(Stage primaryStage) {
        setTitle("Calculator");
        setSize(300, 200);

        firstNumber = new TextField();
        secondNumber = new TextField();
        addButton = new Button("+");
        subtractButton = new Button("-");
        multiplyButton = new Button("*");
        divideButton = new Button("/");
        resultLabel = new Label("Result: ");

        VBox root = new VBox();
        root.getChildren().addAll(firstNumber, secondNumber, addButton, subtractButton, multiplyButton, divideButton, resultLabel);
        Scene scene = new Scene(root);

        addButton.setOnAction(e -> calculateResult(firstNumber.getText(), secondNumber.getText(), "+"));
        subtractButton.setOnAction(e -> calculateResult(firstNumber.getText(), secondNumber.getText(), "-"));
        multiplyButton.setOnAction(e -> calculateResult(firstNumber.getText(), secondNumber.getText(), "*"));
        divideButton.setOnAction(e -> calculateResult(firstNumber.getText(), secondNumber.getText(), "/"));

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

    private void calculateResult(String first, String second, String operator) {
        int result = 0;
        try {
            int num1 = Integer.parseInt(first);
            int num2 = Integer.parseInt(second);
            switch (operator) {
                case "+":
                    result = num1 + num2;
                    break;
                case "-":
                    result = num1 - num2;
                    break;
                case "*":
                    result = num1 * num2;
                    break;
                case "/":
                    result = num1 / num2;
                    break;
            }
            resultLabel.setText("Result: " + result);
        } catch (NumberFormatException e) {
            resultLabel.setText("Invalid input!");
        }
    }

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

总结

通过本文的学习，你应该已经掌握了Java图形界面开发的基本知识和技能。从Swing和JavaFX的基本组件、布局管理器到实际应用开发，你可以根据需求选择合适的框架进行开发。希望本文能帮助你轻松学会使用Swing和JavaFX打造酷炫的应用。

-- 展开阅读全文 --