正文

掌握Java图形界面，轻松打造个性化应用：从零开始学Swing和JavaFX

/0 浏览量
0504

Java作为一种强大的编程语言，在图形用户界面（GUI）开发领域同样有着广泛的应用。Swing和JavaFX是Java平台上两个最受欢迎的图形界面库。本篇文章将带你从零开始，逐步学习如何使用Swing和JavaFX打造个性化应用。

Swing入门

Swing是Java的一个轻量级图形用户界面工具包，自Java 1.1版本起就被集成到Java标准库中。下面是一些Swing的基本组件和概念：

1. Swing组件

Swing提供了一系列组件，包括按钮（Button）、文本框（TextField）、标签（Label）、列表框（List）等。这些组件可以通过布局管理器进行布局，以实现不同的界面效果。

import javax.swing.*;

public class HelloWorld extends JFrame {
    public HelloWorld() {
        // 设置窗口标题
        setTitle("Hello World");
        // 设置窗口大小
        setSize(300, 200);
        // 设置窗口可见
        setVisible(true);
        // 添加标签
        add(new JLabel("Hello World!"));
    }

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

2. 布局管理器

Swing提供了多种布局管理器，如FlowLayout、BorderLayout、GridBagLayout等，用于对组件进行布局。

import javax.swing.*;

public class BorderLayoutExample extends JFrame {
    public BorderLayoutExample() {
        setTitle("BorderLayout Example");
        setSize(300, 200);
        setVisible(true);

        // 创建面板
        JPanel panel = new JPanel();
        // 设置布局为BorderLayout
        panel.setLayout(new BorderLayout());

        // 添加组件
        panel.add(new JLabel("North"), BorderLayout.NORTH);
        panel.add(new JLabel("South"), BorderLayout.SOUTH);
        panel.add(new JLabel("East"), BorderLayout.EAST);
        panel.add(new JLabel("West"), BorderLayout.WEST);
        panel.add(new JLabel("Center"), BorderLayout.CENTER);

        // 添加面板到窗口
        add(panel);
    }

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

JavaFX入门

JavaFX是Java的新一代客户端平台和应用程序的框架。它提供了一套全新的用户界面API，相比Swing有着更好的性能和更丰富的界面效果。

1. JavaFX基本组件

JavaFX提供了丰富的组件，如按钮（Button）、标签（Label）、文本框（TextField）等。下面是一个简单的JavaFX程序示例：

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

public class HelloWorldFX extends Application {
    @Override
    public void start(Stage primaryStage) {
        // 创建标签
        Label label = new Label("Hello World!");
        // 创建布局容器
        VBox layout = new VBox(20);
        // 添加标签到布局容器
        layout.getChildren().add(label);
        // 创建场景并设置布局
        Scene scene = new Scene(layout, 300, 200);
        // 设置舞台标题和场景
        primaryStage.setTitle("Hello WorldFX");
        primaryStage.setScene(scene);
        // 显示舞台
        primaryStage.show();
    }

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

2. CSS样式

JavaFX支持使用CSS来美化界面。下面是一个使用CSS样式的示例：

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

public class ButtonStyleExample extends Application {
    @Override
    public void start(Stage primaryStage) {
        Button button = new Button("Click me!");
        // 设置CSS样式
        button.setStyle("-fx-font-size: 16px; -fx-background-color: #4CAF50; -fx-text-fill: white;");
        VBox layout = new VBox(20);
        layout.getChildren().add(button);
        Scene scene = new Scene(layout, 300, 200);
        primaryStage.setTitle("Button Style Example");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

总结

通过学习本文，相信你已经对Swing和JavaFX有了初步的了解。接下来，你可以根据自己的需求，不断深入学习并实践这两个图形界面库。随着技术的不断进步，Java图形界面开发将变得更加丰富和有趣。

-- 展开阅读全文 --