JavaFX 트랜지션 애니메이션이 그리드 패널의 아이들을 올바른 위치에 놓지 못함

Question

나는 비주얼드와 비슷한 게임을하고 있고, 얼마 동안은 응용 프로그램을 실행 한 후에 블록이 시각적으로 정확한 장소에 정확하게 위치하지는 않지만 논리적으로는 올바른 곳에서. 상황은 아래 그림과 같습니다.

enter image description here

나는 버그의 원인을 알 수 없습니다.

여기에는 지우고 내리는 방법에 대한 코드가 있습니다. 논리적으로는 이러한 방법이 유용합니다.

public void erase() 
{ 
    for (int i = 0; i < BlockManager.length; i++) 
    { 
     Block block = BlockManager.blocks[BlockManager.erased[i][0]][BlockManager.erased[i][1]]; 
     BlockManager.blocks[BlockManager.erased[i][0]][BlockManager.erased[i][1]] = null; 

     FadeTransition transition = new FadeTransition(Duration.seconds(1), block); 
     transition.setFromValue(1); 
     transition.setToValue(0); 

     transition.setOnFinished(e -> 
     { 

      blockGridPan.getChildren().remove(block); 

      descend(); 

      BlockManager.resetArrays(); 

     }); 

     transition.play(); 

    } 

} 

int[][] descend = new int[HEIGHT * WIDE][2]; 
int descendLength = 0; 


public void descend() 
{ 
    int[] columnX = new int[10]; 
    int[] theUpperOne = new int[10]; 

    Arrays.fill(theUpperOne, 10); 
    Arrays.fill(columnX, 0); 

    for (int j = 0; j < BlockManager.length; j++) 
    { 
     columnX[BlockManager.erased[j][0]]++; 
     if (BlockManager.erased[j][1] < theUpperOne[BlockManager.erased[j][0]]) 
     { 
      theUpperOne[BlockManager.erased[j][0]] = BlockManager.erased[j][1]; 
     } 
    } 

    TranslateTransition transition = null; 

    for (int i = 0; i < 10; i++) 
    { 
     if (columnX[i] == 0) 
      continue; 

     for (int j = WIDE - 1; j >= 0; j--) 
     { 
      if (BlockManager.blocks[i][j] == null) 
       continue; 
      int dY = 0; 
      for (int k = j + 1; k < WIDE; k++) 
      { 
       if (BlockManager.blocks[i][k] == null) 
        dY++; 
      } 
      if (dY != 0) 
      { 
       int deltaY = dY * 60; 

       transition = new TranslateTransition(Duration.seconds(1), BlockManager.blocks[i][j]); 
       transition.setByY(deltaY); 

       BlockManager.blocks[i][j + dY] = BlockManager.blocks[i][j]; 
       BlockManager.blocks[i][j + dY].setPosition(i, j + dY); 
       BlockManager.blocks[i][j] = null; 

       BlockManager.blocks[i][j + dY].setDescended(true); 
       transition.play(); 
      } 
     } 


     for (int j = columnX[i] - 1; j >= 0; j--) 
     { 

      int deltYJ = j * 60; 
      createOneBlock(i, j); 
      BlockManager.setBlockColorWithoutCheck(BlockManager.blocks[i][j]); 
      blockGridPane.add(BlockManager.blocks[i][j], i, 0); 
      System.out.println("show it"); 

      BlockManager.blocks[i][j].setDescended(true); 

      transition = new TranslateTransition(Duration.seconds(1), BlockManager.blocks[i][j]); 
      transition.setByY(deltYJ); 
      transition.play(); 

     } 

    } 

    if (transition != null) 
     transition.setOnFinished(e -> 
     { 

      BlockManager.resetArrays(); 
      if (BlockManager.check()) 
       erase(); 

     }); 

} 

}

Answer 1

당신은 당신의 레이아웃에 대한 귀하의 코드를 붙여하지 않았다, 그래서 나는 추측을거야.

translate을 수행하고 레이아웃이 boundsInParent 인 경우 잠재적 인 문제가 있습니다. 이것은 JavaDoc의 추상입니다.

변환을 포함하는이 노드의 직사각형 경계입니다. boundsInParent는 scaleY를

는

layoutX를 회전 ObservableList

scaleX를는 변환 ( boundsInLocal 의해 정의 된) 로컬 경계를 고려하여 추가적인 변수

1. 다음 설정하여 작성된 변환을 적용함으로써 계산된다 레이아웃 Y
2. translateX, translateY

TranslateTransition이 활성화되면 블록의 translateY 값이 변경되며, 현재 레이아웃이 호출되면이 변환 값이 블록의 배치 방법에 영향을 미칩니다. 레이아웃이 일종의 레이아웃 관리자 (예 : 창)에서 관리되는 경우 자녀의 위치를 ​​확인해야합니다.

Answer 2

블록을 배치하기 위해 처음에는 10 개의 행과 10 개의 열이 있고 블록이 내려간 후에는 gridpane이 자동으로 하나의 행을 추가합니다 (블록이 예상 한 위치로 정확하게 변환되지 않았기 때문에 나는 아직도 그것의 이유를 모른다.) 열의 성장을 피하기 위해 html 문서를 변경합니다. 그리고 그것은 작동합니다.