在javafx中更新TicTacToe的用户界面[已关闭]。

问题描述 投票:0回答:1

下面是我从网上搜集到的一段代码,用于了解TicTacToe游戏的java代码。我了解了代码的编写方法以及它的逻辑。它是在一个窗口中进行的,两个用户是根据鼠标点击的按钮来区分的。现在我想做一个类似的游戏,它可以通过一个服务器和一个客户端建立的网络进行。

TicTacToe.java

package sample;

import java.util.ArrayList;
import java.util.List;

import javafx.animation.KeyFrame;
import javafx.animation.KeyValue;
import javafx.animation.Timeline;
import javafx.application.Application;
import javafx.geometry.Pos;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.scene.input.MouseButton;
import javafx.scene.layout.Pane;
import javafx.scene.layout.StackPane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Line;
import javafx.scene.shape.Rectangle;
import javafx.scene.text.Font;
import javafx.scene.text.Text;
import javafx.stage.Stage;
import javafx.util.Duration;

public class Main extends Application {

    private boolean playable = true;
    private boolean turnX = true;
    private Tile[][] board = new Tile[3][3];
    private List<Combo> combos = new ArrayList<>();

    private Pane root = new Pane();

    private Parent createContent() {
        root.setPrefSize(600, 600);

        for (int i = 0; i < 3; i++) {
            for (int j = 0; j < 3; j++) {
                Tile tile = new Tile(); //each tile is a rectangular block
                tile.setTranslateX(j * 200);
                tile.setTranslateY(i * 200);

                root.getChildren().add(tile);

                board[j][i] = tile;
            }
        }

        // horizontal
        for (int y = 0; y < 3; y++) {
            combos.add(new Combo(board[0][y], board[1][y], board[2][y]));
        }

        // vertical
        for (int x = 0; x < 3; x++) {
            combos.add(new Combo(board[x][0], board[x][1], board[x][2]));
        }

        // diagonals
        combos.add(new Combo(board[0][0], board[1][1], board[2][2]));
        combos.add(new Combo(board[2][0], board[1][1], board[0][2]));

        return root;
    }

    @Override
    public void start(Stage primaryStage) throws Exception {
        primaryStage.setScene(new Scene(createContent()));
        primaryStage.show();
    }

    private void checkState() {
        for (Combo combo : combos) {
            if (combo.isComplete()) {
                playable = false;
                playWinAnimation(combo);
                break;
            }
        }
    }

    private void playWinAnimation(Combo combo) {
        Line line = new Line();
        line.setStartX(combo.tiles[0].getCenterX());
        line.setStartY(combo.tiles[0].getCenterY());
        line.setEndX(combo.tiles[0].getCenterX());
        line.setEndY(combo.tiles[0].getCenterY());

        root.getChildren().add(line);

        Timeline timeline = new Timeline();
        timeline.getKeyFrames().add(new KeyFrame(Duration.seconds(1),
                new KeyValue(line.endXProperty(), combo.tiles[2].getCenterX()),
                new KeyValue(line.endYProperty(), combo.tiles[2].getCenterY())));
        timeline.play();
    }

    private class Combo {
        private Tile[] tiles;
        public Combo(Tile... tiles) {
            this.tiles = tiles;
        }

        public boolean isComplete() {
            if (tiles[0].getValue().isEmpty())
                return false;

            return tiles[0].getValue().equals(tiles[1].getValue())
                    && tiles[0].getValue().equals(tiles[2].getValue());
        }
    }

    private class Tile extends StackPane {
        private Text text = new Text();
        private boolean clicked = false;;

        public Tile() {
            Rectangle border = new Rectangle(200, 200);
            border.setFill(null);
            border.setStroke(Color.BLACK);

            text.setFont(Font.font(72));

            setAlignment(Pos.CENTER);
            getChildren().addAll(border, text);

            setOnMouseClicked(event -> {
                if (!playable || clicked)
                    return;

                if (event.getButton() == MouseButton.PRIMARY) {
                    if (!turnX)
                        return;

                    if(!clicked){
                        drawX();
                        turnX = false;
                        clicked = true;
                        checkState();
                    }
                }
                else if (event.getButton() == MouseButton.SECONDARY) {
                    if (turnX)
                        return;

                    if(!clicked){
                        drawO();
                        turnX = true;
                        clicked = true;
                        checkState();
                    }
                }
            });
        }

        public double getCenterX() {
            return getTranslateX() + 100;
        }

        public double getCenterY() {
            return getTranslateY() + 100;
        }

        public String getValue() {
            return text.getText();
        }

        private void drawX() {
            text.setText("X");
        }

        private void drawO() {
            text.setText("O");
        }
    }

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

我想在不同的文件中建立服务器和客户端。我想在不同的文件中建立服务器和客户端。服务器.java 将包含serverockets ,输入输出流,并接受来自socket的连接。我没有问题。同样的,在 客户端.java 也会有套接字和必要的流。服务器文件和客户端文件也都会有相应的 TicTacToe.java . 我可以设置代码到这一点。

我的问题是:在一个窗口中,我更新了用户界面,但没有遇到任何网络传输的问题。

在一个窗口中,我更新了UI,没有遇到任何网络传输的问题。但当我有单独的服务器和客户端类时,我在客户端服务器中编辑了十字和零的网格,但如何在另一个(serverclient)中显示它。

我的代码应该是什么,如果我在服务器或客户端更新UI,它也会显示在另一个类中,即在客户端改变,在服务器中注意到或在服务器中改变,在客户端中注意到? (在这个问题中,改变的是在javafx窗口中显示的网格上绘制的交叉零点)

这将是非常有帮助的我,如果有人能给我一个方向,如何写一个代码,实现我想要的,这样我就可以解决我的问题。

谢谢...

java javafx networking javafx-8
1个回答
1
投票

为了使用Platform.RunLater函数,我所做的是创建一个后台线程来接收来自clienterver的数据包。然后用platform.runLater函数更新UI...

private ScheduledExecutorService scheduledPINGExecutorService;
private ScheduledFuture<?>       scheduledPINGCheck;

public static void main(String[] args){
        launch(args);
}
@Override
public void start(Stage primaryStage){
        primaryStage.setTitle("Title");

        primaryStage.setScene(new Scene(getMainPage(primaryStage), 800, 1000));
        primaryStage.show();

scheduledPINGExecutorService = Executors.newScheduledThreadPool(1);

Runnable checkPING = () -> {
            //check for new packet from client
            getData() <---- define this function depending on your networking setup
            Platform.runLater(() -> { //populate UI with new data  });
        };
scheduledPINGCheck = scheduledPINGExecutorService.scheduleAtFixedRate(checkPING, 1, 500, TimeUnit.MILLISECONDS);

    }

'''
© www.soinside.com 2019 - 2024. All rights reserved.