예, 보드에 GridPane을 사용하십시오.
동일한 방법을 사용하여 Tic-Tac-Toe game - 정상적으로 작동합니다.
class BoardSkin extends GridPane {
BoardSkin(Board board) {
getStyleClass().add("board");
for (int i = 0; i < 3; i++) {
for (int j = 0; j < 3; j++) {
add(board.getSquare(i, j).getSkin(), i, j);
}
}
}
}
당신은 당신의 질문에 언급로 보드 그리드 사각형 뒤에 계층 ImageView와 StackPane를 사용할 수 있지만 엄격하게 필요는 없습니다.
대신 이전에 링크 된 tic-tac-toe 게임의 업데이트 된 CSS를 사용합니다. 그리드 사각형 뒤에 레이어 된 보드 이미지를 얻으려면 보드 이미지를 그리드의 배경 이미지로 설정하십시오.
.board {
-fx-hgap: 10px;
-fx-vgap: 10px;
-fx-background-image: url('http://www.woodge.com/books/maps/map_Narnia.jpg');
-fx-background-size: cover;
-fx-background-position: center;
}
.square {
-fx-padding: 10px;
-fx-background-color: rgba(100, 100, 100, 0.4);
}
감사합니다. 귀하의 회신은 저에게 많은 도움이되었습니다. –