我本来会写故障的，但是我知道我将要学习一个我不知道的Javafx函数。
当我使用PauseTransition和SequentialTransition的组合进行连接时，由按钮网格组成的四个游戏逐个按钮向下浮动。在一个非常特定的用例下，我有一个非常意外的结果。
这是运行和复制已编辑的错误的所有代码，这些错误应完整且简单，同时仍保留基本的游戏逻辑。
import javafx.animation.PauseTransition;
import javafx.animation.SequentialTransition;
import javafx.application.Application;
import javafx.event.Event;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.GridPane;
import javafx.stage.Stage;
import javafx.util.Duration;
public class ConnectFourApplication extends Application {
public static final int NUM_COLUMNS = 8;
public static final int NUM_ROWS = 8;
private Button[][] buttons;
private int row =0;
private int column = 0;
private PauseTransition buttonGravityPause;
private Scene scene;
private BorderPane border;
private ConnectEnum turnColor=ConnectEnum.RED;
public enum ConnectEnum{
RED ("Red"), BLACK ("Black");
private String turn;
ConnectEnum( String value) {
this.turn = value;
}
}
@Override
public void start(Stage primaryStage) {
buttons = new Button[NUM_ROWS][NUM_COLUMNS];
GridPane gridpane = new GridPane();
Button turn = new Button("Take turn");
for(int i=0; i<NUM_ROWS; i++){
for(int j = 0; j<NUM_COLUMNS; j++){
buttons[i][j] = new Button("Empty");
buttons[i][j].setMinHeight(20);
buttons[i][j].setMaxWidth(Double.MAX_VALUE);
buttons[i][j].setOnAction(new ButtonHandler<>(i,j));
gridpane.add(buttons[i][j], j, (NUM_ROWS-1)-i);
}
}
buttonGravityPause = new PauseTransition(new Duration(700));
buttonGravityPause.setOnFinished(event-> {
if (this.row>0) {
buttons[this.row - 1][this.column].setStyle("-fx-background-color:blue");
buttons[this.row][this.column].setStyle("");
this.row = this.row - 1;
}else System.out.println("THis should never happen, row is: "+this.row);
});
SequentialTransition s = new SequentialTransition(buttonGravityPause);
s.setOnFinished(floatDown-> {
System.out.println("The button " +row+ " " +column+" has been chosen");
buttons[this.row][this.column].setText(""+getTurn());
buttons[this.row][this.column].setStyle("-fx-background-color:"+getTurn());
changeTurn();
});
turn.setOnAction(e->{
System.out.println("The button " +row+ " " +column+" has been chosen");
int i =0;
while(this.row-i>0 && buttons[this.row-(i+1)][this.column].getText().equals("Empty"))i++;
s.setCycleCount(i);
System.out.println("i is: "+i+" but cycle count is: "+s.getCycleCount());
if(i>0)s.play(); else{
System.out.println("The button " +row+ " " +column+" has been chosen");
buttons[this.row][this.column].setText(""+getTurn());
buttons[this.row][this.column].setStyle("-fx-background-color:"+getTurn());
changeTurn();
}
});
border = new BorderPane();
border.setCenter(gridpane);
border.setBottom(turn);
scene = new Scene(border, 510, 380);
primaryStage.setTitle("Connect Four");
primaryStage.setScene(scene);
primaryStage.show();
}
private ConnectEnum getTurn(){return this.turnColor;}
private void changeTurn(){this.turnColor = this.turnColor==ConnectEnum.RED? ConnectEnum.BLACK:ConnectEnum.RED;}
private void setRowColumn(int row, int column){
this.row=row;
this.column=column;
}
private int getRow(){
return this.row;
}
private int getColumn(){
return this.column;
}
/**
* @param args the command line arguments
*/
public static void main(String[] args) {
launch(args);
}
class ButtonHandler<T extends Event> implements EventHandler<T> {
private int row;
private int col;
ButtonHandler(int row, int column){
this.row=row;
this.col=column;
}
@Override
public void handle(T event){
if (buttons[getRow()][getColumn()].getText().equals("Empty")) buttons[getRow()][getColumn()].setStyle("");
if (buttons[this.row][this.col].getText().equals("Empty")) {
setRowColumn(this.row, this.col);
buttons[row][col].setStyle("-fx-background-color:blue");
}else System.out.println("This space is occupied");
}
}
}
在任何情况下，此功能都能正常运行
1.选择一个紧接在已放置按钮上方的按钮，然后2.选择下一个选择（如果将其放置在几个空白点上方）将导致以下控制台输出（包括前几个行为良好和预期的语句）：
选择了button2 1
我是：2，但周期数是：2
已选择按钮0 1
假
已选择按钮1 1
我是：0，但周期数是：0
假
选择了button4 2
我是：4，但周期数是：4
这永远都不会发生，行是：0
这永远都不会发生，行是：0
这永远都不会发生，行是：0
这永远都不会发生，行是：0
这永远都不会发生，行是：0
这永远都不会发生，行是：0
这永远都不会发生，行是：0
这永远都不会发生，行是：0
这永远都不会发生，行是：0
这永远都不会发生，行是：0
这永远都不会发生，行是：0
这永远都不会发生，行是：0
这永远都不会发生，行是：0
这永远都不会发生，行是：0
这永远都不会发生，行是：0
...
...
已选择按钮0 2
重现错误/竞赛条件：
1.选择任何按钮，然后按一下。
2.选择立即变色的按钮上方的按钮，然后按一下TURN。
3.选择一个不在按钮底部行中的按钮，然后观察魔术的发生。
以前，这会导致数组超出范围，但是我添加了一个if语句，以便可以避免错误并尝试了解发生的情况。
如果有人对JavaFX领域有任何经验，我会很感激，因为我很茫然。
最佳答案
将SequentialTransition s设置为一个字段，并在单击turn时构造一个新字段（而不是重用同一实例），可以解决此问题：
turn.setOnAction(e->{
int i = 0;
while(row-i>0 && buttons[row-(i+1)][column].getText().equals("Empty")) {
i++;
}
if(i>0) {
s = new SequentialTransition(buttonGravityPause);
s.setAutoReverse(false);
s.setOnFinished(floatDown-> {
buttons[row][column].setText(""+getTurn());
buttons[row][column].setStyle("-fx-background-color:"+getTurn());
changeTurn();
});
s.setCycleCount(i);
s.play();
} else{
buttons[row][column].setText(""+getTurn());
buttons[row][column].setStyle("-fx-background-color:"+getTurn());
changeTurn();
}
});
我不确定为什么重用
SequentialTransition实例会导致问题。希望对此有更多了解的人可以添加一个解释。
可以从here复制有效的演示代码