正文

掌握Java图形界面，轻松开启编程新篇章：从零基础到制作实用窗口应用！

/0 浏览量
1103

Java作为一门强大的编程语言，其跨平台的特性使得它在全球范围内拥有广泛的用户基础。而在Java的世界里，图形用户界面（GUI）编程是不可或缺的一部分。通过掌握Java图形界面，你可以轻松开启编程新篇章，制作出实用且美观的窗口应用。本文将带你从零基础开始，一步步学习Java图形界面编程，最终实现制作实用窗口应用的目标。

初识Java图形界面

在Java中，图形界面编程主要依赖于Swing和JavaFX两个库。Swing是Java早期推出的图形界面库，而JavaFX则是Java 8之后推出的新一代图形界面库。两者各有特点，但Swing因其历史悠久、社区支持强大而更受青睐。

Swing基础

  1. 窗口组件：在Swing中，窗口组件主要包括JFrame、JPanel、JButton等。JFrame是顶级容器，用于创建窗口；JPanel是中间容器，用于放置其他组件；JButton是按钮组件，用于响应用户操作。
  2. 布局管理器：Swing提供了多种布局管理器，如FlowLayout、BorderLayout、GridLayout等，用于管理组件在容器中的布局。
  3. 事件处理：Swing中的事件处理依赖于事件监听器，如ActionListener、MouseListener等。通过为组件添加事件监听器，可以实现组件的交互功能。

JavaFX基础

  1. 场景和节点：JavaFX中，场景（Scene）是顶级容器，节点（Node）是构成图形界面的基本元素，如按钮、文本框等。
  2. 布局管理器：JavaFX提供了多种布局管理器，如Pane、GridPane、VBox等，用于管理节点在场景中的布局。
  3. CSS样式：JavaFX支持CSS样式，可以方便地美化界面。

Java图形界面编程实战

制作一个简单的计算器

以下是一个使用Swing制作的简单计算器的示例代码：

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

public class Calculator extends JFrame {
    private JTextField inputField;
    private JButton[] numberButtons;
    private JButton[] operatorButtons;
    private JButton equalsButton;
    private JButton clearButton;
    private JPanel panel;

    public Calculator() {
        createUI();
    }

    private void createUI() {
        setTitle("Calculator");
        setSize(400, 600);
        setDefaultCloseOperation(EXIT_ON_CLOSE);
        setLayout(new BorderLayout());

        inputField = new JTextField();
        add(inputField, BorderLayout.NORTH);

        panel = new JPanel();
        panel.setLayout(new GridLayout(4, 4));
        add(panel, BorderLayout.CENTER);

        numberButtons = new JButton[10];
        operatorButtons = new JButton[4];
        equalsButton = new JButton("=");
        clearButton = new JButton("C");

        for (int i = 0; i < 10; i++) {
            numberButtons[i] = new JButton(String.valueOf(i));
            panel.add(numberButtons[i]);
        }

        operatorButtons[0] = new JButton("+");
        operatorButtons[1] = new JButton("-");
        operatorButtons[2] = new JButton("*");
        operatorButtons[3] = new JButton("/");

        panel.add(operatorButtons[0]);
        panel.add(operatorButtons[1]);
        panel.add(operatorButtons[2]);
        panel.add(operatorButtons[3]);

        panel.add(equalsButton);
        panel.add(clearButton);

        for (JButton button : numberButtons) {
            button.addActionListener(new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent e) {
                    inputField.setText(inputField.getText() + e.getActionCommand());
                }
            });
        }

        for (JButton button : operatorButtons) {
            button.addActionListener(new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent e) {
                    inputField.setText(inputField.getText() + e.getActionCommand());
                }
            });
        }

        equalsButton.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                try {
                    double result = Double.parseDouble(inputField.getText());
                    inputField.setText(String.valueOf(result));
                } catch (NumberFormatException ex) {
                    JOptionPane.showMessageDialog(Calculator.this, "Invalid input!", "Error", JOptionPane.ERROR_MESSAGE);
                }
            }
        });

        clearButton.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                inputField.setText("");
            }
        });
    }

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

制作一个美观的登录界面

以下是一个使用JavaFX制作的登录界面的示例代码：

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

public class Login extends Application {
    @Override
    public void start(Stage primaryStage) {
        VBox vBox = new VBox(20);
        vBox.setAlignment(Pos.CENTER);
        vBox.setPadding(new Insets(20));

        Label usernameLabel = new Label("Username:");
        TextField usernameField = new TextField();

        Label passwordLabel = new Label("Password:");
        PasswordField passwordField = new PasswordField();

        Button loginButton = new Button("Login");
        loginButton.setOnAction(event -> {
            String username = usernameField.getText();
            String password = passwordField.getText();
            if ("admin".equals(username) && "password".equals(password)) {
                Alert alert = new Alert(Alert.AlertType.INFORMATION);
                alert.setTitle("Login Successful");
                alert.setHeaderText(null);
                alert.setContentText("Welcome, " + username + "!");
                alert.showAndWait();
            } else {
                Alert alert = new Alert(Alert.AlertType.ERROR);
                alert.setTitle("Login Failed");
                alert.setHeaderText(null);
                alert.setContentText("Invalid username or password!");
                alert.showAndWait();
            }
        });

        vBox.getChildren().addAll(usernameLabel, usernameField, passwordLabel, passwordField, loginButton);

        Scene scene = new Scene(vBox, 300, 200);
        primaryStage.setTitle("Login");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

总结

通过本文的学习，你现在已经掌握了Java图形界面编程的基础知识和实战技巧。从简单的计算器到美观的登录界面，你可以尝试制作更多有趣的应用。记住，实践是检验真理的唯一标准，多动手实践，才能不断提升自己的编程能力。祝你在Java图形界面编程的道路上越走越远！

-- 展开阅读全文 --