如何通过Java 9结合JavaFX与WebSocket技术构建实时交互式图形用户界面？

本文共计1445个文字，预计阅读时间需要6分钟。

如何使用Java 9中的JavaFX和WebSockets实现实时通信的图形界面：

在当今互联网时代，实时通信是一项极其重要的功能。例如，实时更新股市行情、即时聊天等都是用户期待的功能。本文将介绍如何使用Java 9中的JavaFX和WebSockets来实现这样的图形界面。

首先，您需要创建一个JavaFX应用程序来构建用户界面。然后，使用Java 9的WebSocket API来接收实时数据。

以下是实现步骤的简要概述：

1. 创建JavaFX应用程序

2.添加WebSocket客户端

3.接收实时数据并更新UI

具体实现如下：

1. 创建JavaFX应用程序：

java

import javafx.application.Application;import javafx.scene.Scene;import javafx.scene.control.TextArea;import javafx.scene.layout.StackPane;import javafx.stage.Stage;

public class RealTimeCommunication extends Application { @Override public void start(Stage primaryStage) { StackPane root=new StackPane(); TextArea textArea=new TextArea(); textArea.setPrefSize(300, 200); root.getChildren().add(textArea);

Scene scene=new Scene(root, 300, 200); primaryStage.setTitle(实时通信); primaryStage.setScene(scene); primaryStage.show(); }

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

2. 添加WebSocket客户端：

javaimport java.io.IOException;import java.net.URI;import java.net.http.HttpClient;import java.net.http.HttpRequest;import java.net.http.HttpResponse;import java.net.http.WebSocket;import java.net.http.WebSocketClient;import java.util.concurrent.CompletableFuture;import java.util.concurrent.ExecutionException;

public class WebSocketClient { private static final String URI=wss://example.com/websocket;

public static void main(String[] args) { HttpClient client=HttpClient.newHttpClient(); HttpRequest request=HttpRequest.newBuilder() .uri(URI) .build();

WebSocketClient wsClient=client.newWebSocketClient( (request1, handler) -> new WebSocketImpl(request1, handler) );

wsClient.open(request) .thenAccept(ws -> { ws.onTextMessage(message -> { System.out.println(Received message: + message); // 更新UI }); }) .exceptionally(ex -> { ex.printStackTrace(); return null; }) .join(); }}

class WebSocketImpl implements WebSocket { private final HttpRequest request; private final WebSocketListener handler;

public WebSocketImpl(HttpRequest request, WebSocketListener handler) { this.request=request; this.handler=handler; }

@Override public void onOpen(WebSocketFrame frame) { handler.onOpen(frame); }

@Override public void onMessage(WebSocketFrame frame) { handler.onMessage(frame); }

@Override public void onClose(int code, String reason) { handler.onClose(code, reason); }

@Override public void onError(Exception exception) { handler.onError(exception); }}

interface WebSocketListener { void onOpen(WebSocketFrame frame); void onMessage(WebSocketFrame frame); void onClose(int code, String reason); void onError(Exception exception);}

3. 接收实时数据并更新UI：

在`WebSocketListener`接口中实现`onMessage`方法，将接收到的实时数据更新到JavaFX应用程序的UI组件中。

javapublic class RealTimeCommunication extends Application { // ... (其他代码保持不变)

@Override public void start(Stage primaryStage) { StackPane root=new StackPane(); TextArea textArea=new TextArea(); textArea.setPrefSize(300, 200); root.getChildren().add(textArea);

Scene scene=new Scene(root, 300, 200); primaryStage.setTitle(实时通信); primaryStage.setScene(scene); primaryStage.show();

// 创建WebSocket客户端 WebSocketClient wsClient=new WebSocketClient(); CompletableFuture future=wsClient.open(request); future.thenAccept(ws -> { ws.onTextMessage(message -> { System.out.println(Received message: + message); textArea.appendText(message + \n); }); }); }

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

这样，您就可以使用Java 9中的JavaFX和WebSockets实现实时通信的图形界面了。

如何在Java 9中使用JavaFX和WebSockets来实现实时通信的图形界面

引言：
在当今互联网时代，实时通信是非常重要的功能之一。例如，实时更新股市行情、实时聊天等。本文将介绍如何使用Java 9中的JavaFX和WebSockets来实现实时通信的图形界面。

第一部分：JavaFX简介
JavaFX是一种用于构建富客户端应用程序的Java库。它提供了强大的图形界面，可以轻松创建各种视觉效果。

第二部分：WebSockets简介
WebSockets是一种用于在客户端和服务器之间进行实时双向通信的技术。它允许服务器主动发送消息给客户端，并提供了一种简单的协议来处理实时通信。

第三部分：JavaFX和WebSockets的结合
现在让我们来看看如何将JavaFX和WebSockets结合起来，实现实时通信的图形界面。首先，我们需要创建一个JavaFX应用程序，并将WebSockets库添加到项目的依赖中。

import javafx.application.Application; import javafx.scene.Scene; import javafx.scene.control.TextArea; import javafx.scene.control.TextField; import javafx.scene.layout.VBox; import javafx.stage.Stage; import javax.websocket.ClientEndpoint; import javax.websocket.ContainerProvider; import javax.websocket.OnMessage; import javax.websocket.Session; import javax.websocket.WebSocketContainer; @ClientEndpoint public class RealTimeApplication extends Application { private Session session; private TextArea messageArea; public static void main(String[] args) { launch(args); } @Override public void start(Stage primaryStage) { primaryStage.setTitle("Real Time Application"); VBox vbox = new VBox(); messageArea = new TextArea(); messageArea.setEditable(false); TextField inputField = new TextField(); inputField.setOnAction(event -> { String message = inputField.getText(); session.getAsyncRemote().sendText(message); inputField.setText(""); }); vbox.getChildren().addAll(messageArea, inputField); primaryStage.setScene(new Scene(vbox, 400, 300)); primaryStage.show(); connect(); } @Override public void stop() { try { session.close(); } catch (Exception e) { e.printStackTrace(); } } @OnMessage public void onMessage(String message) { messageArea.appendText(message + " "); } private void connect() { try { WebSocketContainer container = ContainerProvider.getWebSocketContainer(); session = container.connectToServer(this, new URI("ws://localhost:8080/ws")); } catch (Exception e) { e.printStackTrace(); } } }

在上述代码中，我们创建了一个名为 "RealTimeApplication" 的JavaFX应用程序，并添加了一个用于显示消息的TextArea和一个用于输入消息的TextField。当用户在TextField中按下Enter键时，我们使用WebSockets的会话发送消息到服务器。当收到来自服务器的消息时，我们将在TextArea中显示它。

第四部分：服务器端设置
接下来，我们需要设置服务器端来处理来自客户端的消息并将其广播给所有连接的客户端。在这里，我们使用Spring Boot来创建一个简单的WebSockets服务器。

import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.context.annotation.Configuration; import org.springframework.messaging.handler.annotation.MessageMapping; import org.springframework.messaging.handler.annotation.SendTo; import org.springframework.web.socket.config.annotation.EnableWebSocketMessageBroker; import org.springframework.web.socket.config.annotation.StompEndpointRegistry; import org.springframework.web.socket.config.annotation.WebSocketMessageBrokerConfigurer; import org.springframework.web.socket.config.annotation.WebSocketTransportRegistration; import org.springframework.web.socket.server.standard.ServerEndpointExporter; @SpringBootApplication public class DemoApplication { public static void main(String[] args) { SpringApplication.run(DemoApplication.class, args); } @Configuration @EnableWebSocketMessageBroker public static class WebSocketConfig implements WebSocketMessageBrokerConfigurer { @Override public void configureWebSocketTransport(WebSocketTransportRegistration registration) { registration.setMessageSizeLimit(1024000); } @Override public void registerStompEndpoints(StompEndpointRegistry registry) { registry.addEndpoint("/ws").withSockJS(); } } @ServerEndpoint(value = "/ws") public static class WebSocketServer { @OnMessage public void onMessage(Session session, String message) throws IOException, EncodeException { for (Session client : session.getOpenSessions()) { client.getBasicRemote().sendText(message); } } } }

在上述代码中，我们创建了一个名为 "WebSocketServer" 的WebSocket服务器并使用 @ServerEndpoint 注解将其绑定到 "/ws" 端点。当收到来自客户端的消息时，服务器将对所有连接的客户端进行广播。

结论：
通过结合JavaFX和WebSockets，我们可以轻松地实现一个实时通信的图形界面。无论您是为了实时更新股市行情还是实时聊天，这种技术都是非常有用的。希望本文对您在Java 9中利用JavaFX和WebSockets实现实时通信的图形界面有所帮助。

参考链接：

• JavaFX官方文档：openjfx.io/javadoc/12/
• WebSocket官方文档：www.w3.org/TR/websockets/
• Spring Boot官方文档：spring.io/projects/spring-boot