我正在创造游戏蛇和梯子。您看到的10x10矩阵是一个网格窗格,其中每个单元格都包含一个彩色窗格。
问题
:我要放置图像,而不是您在上面看到的表示蛇和梯子的箭头。
跨越多个列是解决方案吗?因为例如在单元格3
到37,梯子需要稍微旋转一点。
编辑:这是我关于网格窗格的代码:
<gridpane fx:id=“gamegrid”alignment=“center”hgap=“2.0”style=“-fx background color:000”vgap=“2.0”borderpane.alignment=“center”>
<列约束>
<columnConstraints halignment=“center”hgrow=“Times”minwidth=“10.0”prefwidth=“100.0”/>gt;
<columnConstraints halignment=“center”hgrow=“Times”minwidth=“10.0”prefwidth=“100.0”/>gt;
<columnConstraints halignment=“center”hgrow=“Times”minwidth=“10.0”prefwidth=“100.0”/>gt;
<columnConstraints halignment=“center”hgrow=“Times”minwidth=“10.0”prefwidth=“100.0”/>gt;
<columnConstraints halignment=“center”hgrow=“Times”minwidth=“10.0”prefwidth=“100.0”/>gt;
<columnConstraints halignment=“center”hgrow=“Times”minwidth=“10.0”prefwidth=“100.0”/>gt;
<columnConstraints halignment=“center”hgrow=“Times”minwidth=“10.0”prefwidth=“100.0”/>gt;
<columnConstraints halignment=“center”hgrow=“Times”minwidth=“10.0”prefwidth=“100.0”/>gt;
<columnConstraints halignment=“center”hgrow=“Times”minwidth=“10.0”prefwidth=“100.0”/>gt;
<columnConstraints halignment=“center”hgrow=“Times”minwidth=“10.0”prefwidth=“100.0”/>gt;
</ColumnConstraints>
<行约束>
<rowConstraints minheight=“10.0”prefheight=“30.0”vgrow=“有时”/>
<rowConstraints minheight=“10.0”prefheight=“30.0”vgrow=“有时”/>
<rowConstraints minheight=“10.0”prefheight=“30.0”vgrow=“有时”/>
<rowConstraints minheight=“10.0”prefheight=“30.0”vgrow=“有时”/>
<rowConstraints minheight=“10.0”prefheight=“30.0”vgrow=“有时”/>
<rowConstraints minheight=“10.0”prefheight=“30.0”vgrow=“有时”/>
<rowConstraints minheight=“10.0”prefheight=“30.0”vgrow=“有时”/>
<rowConstraints minheight=“10.0”prefheight=“30.0”vgrow=“有时”/>
<rowConstraints minheight=“10.0”prefheight=“30.0”vgrow=“有时”/>
<rowConstraints minheight=“10.0”prefheight=“30.0”vgrow=“有时”/>
</rowconstraints>
<儿童>
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“0”gridPane.rowIndex=“0”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“0”gridPane.rowIndex=“1”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“0”gridPane.rowIndex=“2”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“0”gridPane.rowIndex=“3”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“0”gridPane.rowIndex=“4”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“0”gridPane.rowIndex=“5”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“0”gridPane.rowIndex=“6”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“0”gridPane.rowIndex=“7”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“0”gridPane.rowIndex=“8”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“0”gridPane.rowIndex=“9”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“1”gridPane.rowIndex=“0”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“1”gridPane.rowIndex=“1”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“1”gridPane.rowIndex=“2”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“1”gridPane.rowIndex=“3”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“1”gridPane.rowIndex=“4”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“1”gridPane.rowIndex=“5”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“1”gridPane.rowIndex=“6”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“1”gridPane.rowIndex=“7”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“1”gridPane.rowIndex=“8”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“1”gridPane.rowIndex=“9”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“2”gridPane.rowIndex=“0”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“2”gridPane.rowIndex=“1”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“2”gridPane.rowIndex=“2”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“2”gridPane.rowIndex=“3”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“2”gridPane.rowIndex=“4”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“2”gridPane.rowIndex=“5”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“2”gridPane.rowIndex=“6”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“2”gridPane.rowIndex=“7”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“2”gridPane.rowIndex=“8”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“2”gridPane.rowIndex=“9”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“3”gridPane.rowIndex=“0”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“3”gridPane.rowIndex=“1”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“3”gridPane.rowIndex=“2”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“3”gridPane.rowIndex=“3”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“3”gridPane.rowIndex=“4”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“3”gridPane.rowIndex=“5”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“3”gridPane.rowIndex=“6”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“3”gridPane.rowIndex=“7”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“3”gridPane.rowIndex=“8”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“3”gridPane.rowIndex=“9”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“4”gridPane.rowIndex=“0”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“4”gridPane.rowIndex=“1”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“4”gridPane.rowIndex=“2”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“4”gridPane.rowIndex=“3”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“4”gridPane.rowIndex=“4”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“4”gridPane.rowIndex=“5”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“4”gridPane.rowIndex=“6”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“4”gridPane.rowIndex=“7”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“4”gridPane.rowIndex=“8”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“4”gridPane.rowIndex=“9”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“5”gridPane.rowIndex=“0”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“5”gridPane.rowIndex=“1”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“5”gridPane.rowIndex=“2”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“5”gridPane.rowIndex=“3”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“5”gridPane.rowIndex=“4”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“5”gridPane.rowIndex=“5”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“5”gridPane.rowIndex=“6”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“5”gridPane.rowIndex=“7”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“5”gridPane.rowIndex=“8”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“5”gridPane.rowIndex=“9”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“6”gridPane.rowIndex=“0”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“6”gridPane.rowIndex=“1”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“6”gridPane.rowIndex=“2”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“6”gridPane.rowIndex=“3”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“6”gridPane.rowIndex=“4”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“6”gridPane.rowIndex=“5”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“6”gridPane.rowIndex=“6”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“6”gridPane.rowIndex=“7”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“6”gridPane.rowIndex=“8”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“6”gridPane.rowIndex=“9”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“7”gridPane.rowIndex=“0”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“7”gridPane.rowIndex=“1”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“7”gridPane.rowIndex=“2”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“7”gridPane.rowIndex=“3”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“7”gridPane.rowIndex=“4”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“7”gridPane.rowIndex=“5”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“7”gridPane.rowIndex=“6”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“7”gridPane.rowIndex=“7”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“7”gridPane.rowIndex=“8”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“7”gridPane.rowIndex=“9”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“8”gridPane.rowIndex=“0”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“8”gridPane.rowIndex=“1”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“8”gridPane.rowIndex=“2”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“8”gridPane.rowIndex=“3”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“8”gridPane.rowIndex=“4”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“8”gridPane.rowIndex=“5”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“8”gridPane.rowIndex=“6”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“8”gridPane.rowIndex=“7”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“8”gridPane.rowIndex=“8”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“8”gridPane.rowIndex=“9”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“9”gridPane.rowIndex=“0”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“9”gridPane.rowIndex=“1”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“9”gridPane.rowIndex=“2”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“9”gridPane.rowIndex=“3”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“9”gridPane.rowIndex=“4”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“9”gridPane.rowIndex=“5”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“9”gridPane.rowIndex=“6”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“9”gridPane.rowIndex=“7”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“9”gridPane.rowIndex=“8”/>gt;
<pane onMouseClick=“onCellClick”style=“-fx background color:966f33”gridPane.columnIndex=“9”gridPane.rowIndex=“9”/>gt;
</children>
<borderpane.margin>
<insets bottom=“5.0”top=“5.0”/>
</borderpane.margin>
</gridpane>
fxml的设计是:http://prntscr.com/k8fpys
我正在创造游戏蛇和梯子。您看到的10x10矩阵是一个网格窗格,其中每个单元格都包含一个彩色窗格。
问题:我要放置图像,而不是您在上面看到的表示蛇和梯子.
跨越多个列是解决方案吗?因为例如在单元格3
到37,梯子需要稍微旋转一下。
编辑:这是我关于网格窗格的代码:
<GridPane fx:id="gameGrid" alignment="CENTER" hgap="2.0" style="-fx-background-color:#000" vgap="2.0" BorderPane.alignment="CENTER">
<columnConstraints>
<ColumnConstraints halignment="CENTER" hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
<ColumnConstraints halignment="CENTER" hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
<ColumnConstraints halignment="CENTER" hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
<ColumnConstraints halignment="CENTER" hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
<ColumnConstraints halignment="CENTER" hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
<ColumnConstraints halignment="CENTER" hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
<ColumnConstraints halignment="CENTER" hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
<ColumnConstraints halignment="CENTER" hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
<ColumnConstraints halignment="CENTER" hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
<ColumnConstraints halignment="CENTER" hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
</columnConstraints>
<rowConstraints>
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
</rowConstraints>
<children>
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="0" GridPane.rowIndex="0" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="0" GridPane.rowIndex="1" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="0" GridPane.rowIndex="2" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="0" GridPane.rowIndex="3" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="0" GridPane.rowIndex="4" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="0" GridPane.rowIndex="5" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="0" GridPane.rowIndex="6" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="0" GridPane.rowIndex="7" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="0" GridPane.rowIndex="8" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="0" GridPane.rowIndex="9" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="1" GridPane.rowIndex="0" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="1" GridPane.rowIndex="1" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="1" GridPane.rowIndex="2" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="1" GridPane.rowIndex="3" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="1" GridPane.rowIndex="4" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="1" GridPane.rowIndex="5" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="1" GridPane.rowIndex="6" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="1" GridPane.rowIndex="7" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="1" GridPane.rowIndex="8" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="1" GridPane.rowIndex="9" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="2" GridPane.rowIndex="0" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="2" GridPane.rowIndex="1" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="2" GridPane.rowIndex="2" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="2" GridPane.rowIndex="3" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="2" GridPane.rowIndex="4" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="2" GridPane.rowIndex="5" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="2" GridPane.rowIndex="6" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="2" GridPane.rowIndex="7" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="2" GridPane.rowIndex="8" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="2" GridPane.rowIndex="9" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="3" GridPane.rowIndex="0" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="3" GridPane.rowIndex="1" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="3" GridPane.rowIndex="2" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="3" GridPane.rowIndex="3" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="3" GridPane.rowIndex="4" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="3" GridPane.rowIndex="5" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="3" GridPane.rowIndex="6" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="3" GridPane.rowIndex="7" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="3" GridPane.rowIndex="8" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="3" GridPane.rowIndex="9" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="4" GridPane.rowIndex="0" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="4" GridPane.rowIndex="1" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="4" GridPane.rowIndex="2" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="4" GridPane.rowIndex="3" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="4" GridPane.rowIndex="4" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="4" GridPane.rowIndex="5" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="4" GridPane.rowIndex="6" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="4" GridPane.rowIndex="7" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="4" GridPane.rowIndex="8" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="4" GridPane.rowIndex="9" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="5" GridPane.rowIndex="0" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="5" GridPane.rowIndex="1" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="5" GridPane.rowIndex="2" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="5" GridPane.rowIndex="3" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="5" GridPane.rowIndex="4" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="5" GridPane.rowIndex="5" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="5" GridPane.rowIndex="6" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="5" GridPane.rowIndex="7" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="5" GridPane.rowIndex="8" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="5" GridPane.rowIndex="9" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="6" GridPane.rowIndex="0" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="6" GridPane.rowIndex="1" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="6" GridPane.rowIndex="2" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="6" GridPane.rowIndex="3" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="6" GridPane.rowIndex="4" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="6" GridPane.rowIndex="5" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="6" GridPane.rowIndex="6" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="6" GridPane.rowIndex="7" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="6" GridPane.rowIndex="8" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="6" GridPane.rowIndex="9" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="7" GridPane.rowIndex="0" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="7" GridPane.rowIndex="1" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="7" GridPane.rowIndex="2" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="7" GridPane.rowIndex="3" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="7" GridPane.rowIndex="4" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="7" GridPane.rowIndex="5" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="7" GridPane.rowIndex="6" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="7" GridPane.rowIndex="7" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="7" GridPane.rowIndex="8" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="7" GridPane.rowIndex="9" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="8" GridPane.rowIndex="0" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="8" GridPane.rowIndex="1" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="8" GridPane.rowIndex="2" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="8" GridPane.rowIndex="3" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="8" GridPane.rowIndex="4" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="8" GridPane.rowIndex="5" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="8" GridPane.rowIndex="6" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="8" GridPane.rowIndex="7" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="8" GridPane.rowIndex="8" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="8" GridPane.rowIndex="9" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="9" GridPane.rowIndex="0" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="9" GridPane.rowIndex="1" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="9" GridPane.rowIndex="2" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="9" GridPane.rowIndex="3" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="9" GridPane.rowIndex="4" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="9" GridPane.rowIndex="5" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="9" GridPane.rowIndex="6" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="9" GridPane.rowIndex="7" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="9" GridPane.rowIndex="8" />
<Pane onMouseClicked="#onCellClick" style="-fx-background-color:#966F33" GridPane.columnIndex="9" GridPane.rowIndex="9" />
</children>
<BorderPane.margin>
<Insets bottom="5.0" top="5.0" />
</BorderPane.margin>
</GridPane>
fxml的设计是:http://prntscr.com/k8fpys