JavaFX 是 Java 现代 GUI 开发的首选框架，适用于桌面应用和部分 Web 解决方案。它支持丰富的 UI 组件、CSS 样式、动画、音视频等功能，并且可以替代 Java Applet。

要使用 JavaFX 替代 Web 组件（如 Applet），可以考虑以下几个方面：

1. JavaFX WebView：加载 Web 内容

JavaFX 提供了一个强大的 WebView 组件，它能够嵌入 HTML、CSS、JavaScript 等 Web 内容，可以用它来替代 Applet 的浏览器交互功能。

示例：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Alert;
import javafx.scene.control.Alert.AlertType;
import javafx.scene.layout.StackPane;
import javafx.scene.web.WebView;
import javafx.stage.Stage;

public class JavaFXWebViewExample extends Application {
    @Override
    public void start(Stage primaryStage) {
        WebView webView = new WebView();
        webView.getEngine().load("https://www.example.com");

        StackPane root = new StackPane();
        root.getChildren().add(webView);

        Scene scene = new Scene(root, 800, 600);

        primaryStage.setTitle("JavaFX WebView Example");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

在这个示例中，我们通过 WebView 加载了一个网页。可以嵌入 HTML5 页面，支持 JavaScript，因此你可以在应用中处理一些动态的 Web 内容，类似于 Applet。

2. JavaFX WebEngine：与 JavaScript 交互

WebEngine 是 WebView 组件的引擎部分，它提供了与 JavaScript 的交互功能。

你可以通过 WebEngine 执行 JavaScript 代码，或者从 JavaScript 调用 Java 方法：

示例： Java 与 JavaScript 交互

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Alert;
import javafx.scene.control.Alert.AlertType;
import javafx.scene.layout.StackPane;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;
import javafx.stage.Stage;

public class JavaFXJavaScriptExample extends Application {
    @Override
    public void start(Stage primaryStage) {
        WebView webView = new WebView();
        WebEngine webEngine = webView.getEngine();

        // 加载网页
        webEngine.load("https://www.example.com");

        // 执行 JavaScript
        webEngine.executeScript("alert('Hello from JavaFX');");

        StackPane root = new StackPane();
        root.getChildren().add(webView);

        Scene scene = new Scene(root, 800, 600);

        primaryStage.setTitle("JavaFX WebView with JavaScript");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

在此示例中，我们利用 WebEngine 来执行 JavaScript 脚本。

3. JavaFX 动画与交互

JavaFX 不仅仅可以嵌入 Web 内容，还可以创建丰富的 UI 和交互功能，替代 Applet 的动画和图形处理功能。

示例： 创建一个简单的动画

import javafx.animation.TranslateTransition;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;
import javafx.util.Duration;

public class JavaFXAnimationExample extends Application {
    @Override
    public void start(Stage primaryStage) {
        Rectangle rectangle = new Rectangle(50, 50, 100, 100);
        rectangle.setFill(Color.RED);

        // 创建动画效果
        TranslateTransition transition = new TranslateTransition();
        transition.setNode(rectangle);
        transition.setDuration(Duration.seconds(2));
        transition.setToX(300);
        transition.setCycleCount(TranslateTransition.INDEFINITE);
        transition.setAutoReverse(true);
        transition.play();

        Scene scene = new Scene(rectangle, 400, 300);
        primaryStage.setTitle("JavaFX Animation Example");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

在此代码中，我们使用了 TranslateTransition 创建了一个动画，让一个矩形在屏幕上水平移动。

4. JavaFX 控件和布局管理

JavaFX 提供了丰富的控件，如按钮、标签、文本框、表格、树形结构等。你可以通过 FXML 或 Java 代码来组织这些控件，并且使用 JavaFX 的布局管理器来创建响应式 UI。

示例： 使用 VBox 布局

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

public class JavaFXVBoxExample extends Application {
    @Override
    public void start(Stage primaryStage) {
        Button button1 = new Button("按钮 1");
        Button button2 = new Button("按钮 2");

        VBox vbox = new VBox(10, button1, button2);

        Scene scene = new Scene(vbox, 300, 200);
        primaryStage.setTitle("JavaFX VBox Example");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

在这个示例中，我们使用了 VBox 布局来垂直排列按钮。

5. JavaFX 与 WebAssembly 结合

尽管 JavaFX 本身不直接支持 WebAssembly，但你可以通过 JavaFX 的 WebView 加载 WebAssembly 内容，将其与 JavaScript 代码交互。这样，JavaFX 就可以在 Web 环境中替代传统的 Applet。

---

总结：

JavaFX 是一个强大的替代方案，尤其适用于替代 Java Applet：

• WebView 和 WebEngine 可以用于加载和嵌入 Web 内容。
• JavaFX 控件、布局、动画 等功能提供丰富的用户界面和交互效果。
• 通过 FXML 或 Java 代码管理 UI。
• 可以通过 JavaScript 和 WebAssembly 扩展 JavaFX 的功能。

更多详细内容请关注其他相关文章。