JavaFX：如何使用GraphicsContext。填充文本？

Question

因此，我试图在我的JavaFX应用程序中创建一个自定义节点，它从画布扩展而来，因此可以自己进行渲染。我一开始只是试着画一个文本“Hello world”在画布上，但可惜它没有出现，即使我可以通过鼠标事件处理程序确认应用程序中是否存在自定义节点。

java prettyprint-override">public class EditorFragment extends Canvas {
    public EditorFragment() {
        super(100, 30);
        this.render(this.getGraphicsContext2D());
        this.addEventFilter(MouseEvent.MOUSE_CLICKED, mouseEvent -> {
            System.out.println("Mouse event occurred in fragment.");
            System.out.println(mouseEvent.toString());
        });
        this.setOnMouseMoved(mouseEvent -> {
            System.out.println("Mouse moved over fragment.");
        });
    }

    protected void render(GraphicsContext gc) {
        gc.setFill(Color.BLACK);
        gc.fillText("Hello world.", 0, 0);
    }
}

简而言之，如果我将这个EditorFragment的一个新实例添加到一个窗格中，我知道它被添加了，如果我调用gc。fillRect（…） ，我会看到一个矩形显示节点的位置和大小，但没有显示文本。为什么？




Answer 1

显然，经过更多的搜索，我发现文本实际上是被绘制的，但是0,0通常对应于文本的左下角，所以它被绘制在我的画布上方。为了解决这个问题，我将渲染方法更改为以下内容：

    protected void render(GraphicsContext gc) {
        gc.setFill(Color.BLACK);
        gc.setTextAlign(TextAlignment.LEFT);
        gc.setTextBaseline(VPos.CENTER);
        gc.fillText("Hello world.", 0, this.getHeight() / 2);
    }