我正在使用 Intellij IDEA 进行 javafx FXML 开发。我使用以下代码简单地绘制了一个矩形。然而,它从未出现。
主.java
public class Main extends Application {
@Override
public void start(Stage primaryStage) throws Exception{
Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
primaryStage.setTitle("Hello World");
primaryStage.setScene(new Scene(root, 600, 400));
primaryStage.show();
}
public static void main(String[] args) {
launch(args);
}
}
Controller.java
public class Controller implements Initializable {
public Mat image;
@FXML public Canvas img = new Canvas(300,300);
public GraphicsContext gc = img.getGraphicsContext2D();
@FXML private void drawCanvas(ActionEvent event) {
gc.setFill(Color.AQUA);
gc.fillRect(10,10,100,100);
}
@Override
public void initialize(URL location, ResourceBundle resources) {
gc.setFill(Color.BLACK);
System.out.println("color set to black");
gc.fillRect(50, 50, 100, 100);
System.out.println("draw rectangle");
}
}
我在 Button OnAction 和初始化方法中都使用了 setFill() 和 fillRect()。但它仍然没有绘制矩形。
sample.fxml
<BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="sample.Controller">
<top>
<ToolBar prefHeight="40.0" prefWidth="200.0" BorderPane.alignment="CENTER">
<items>
<Button mnemonicParsing="false" onAction="#drawCanvas" text="draw" />
</items>
</ToolBar>
</top>
<bottom>
<AnchorPane prefHeight="41.0" prefWidth="600.0" BorderPane.alignment="CENTER">
<children>
<Label fx:id="co" layoutX="14.0" layoutY="9.0" text="co" />
<Label fx:id="rgb" layoutX="144.0" layoutY="13.0" text="RGB" />
<Label fx:id="zoom" layoutX="245.0" layoutY="9.0" text="zoom" />
</children>
</AnchorPane>
</bottom>
<center>
<ScrollPane fx:id="img_pane" prefHeight="200.0" prefWidth="200.0" BorderPane.alignment="CENTER">
<content>
<Canvas fx:id="img" height="286.0" width="355.0" />
</content>
</ScrollPane>
</center>
</BorderPane>
最佳答案
这个论坛上有好几个这样的问题,但是我一搜都找不到。
您应该永远不要初始化带有注释的字段 @FXML
。 @FXML
的全部意义在于该字段在加载 FXML 文件的过程中被初始化。
因此,在您的类初始值设定项中,您创建了一个 Canvas
,然后将 gc
分配给它的图形上下文:
@FXML public Canvas img = new Canvas(300,300);
public GraphicsContext gc = img.getGraphicsContext2D();
然后,当您加载 FXML 文件时,FXMLLoader
按照 FXML 的描述创建一个新的 Canvas
,将该新 Canvas 分配给字段 img
,并将新 Canvas 放置在场景图中(然后在舞台上显示)。但是,gc
仍然是原始 Canvas
的图形上下文,您永远不会显示它。所以在gc
上的任何图形操作都不会实现。
你需要
public class Controller implements Initializable {
@FXML private Canvas img ;
private GraphicsContext gc ;
@FXML private void drawCanvas(ActionEvent event) {
gc.setFill(Color.AQUA);
gc.fillRect(10,10,100,100);
}
@Override
public void initialize(URL location, ResourceBundle resources) {
gc = img.getGraphicsContext2D();
gc.setFill(Color.BLACK);
System.out.println("color set to black");
gc.fillRect(50, 50, 100, 100);
System.out.println("draw rectangle");
}
}
关于canvas - 绘制后javafx FXML Canvas为空,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32310900/