是否可以在JavaFX中将CanView放在Canvas上？ [英] Is it possible to put ImageView on Canvas in JavaFX?

问题描述

我是javafx的新手。我正在开发一个应用程序，其中我有一个画布，我已经在其中绘制了几个图像。我想在画布上添加 ImageView 并在点击ImageView时实现弹出窗口？

I am a newbie to javafx. I am developing an application in which I have a canvas and I have drawn several images in it. I want to add an ImageView on my canvas and implement a popup while clicking on the ImageView?

有没有可能有或没有 ImageView （按钮或任何控件？）或是否限制使用画布上的控件？

Is there any possibilities with or without ImageView (buttons or any controls?) or is it restricted to use controls over canvas?

我需要一些建议。

推荐答案

你可以叠加一个 ImageView 在 Canvas 之上。使用 StackPane 。您可以稍后将鼠标侦听器添加到 ImageView 。

You can stack an ImageView on top of a Canvas. Use a StackPane. You can later add mouse listeners to the ImageView.

是否有任何可能性或没有 ImageView （按钮或任何控件？）或是否限制使用画布上的控件？

Is there any possibilities with or without ImageView (buttons or any controls?) or is it restricted to use controls over canvas?

所有控件包括 Button ， ImageView 和 Canvas 本身从 节点 并可用于添加 StackPane 。

All controls including Button, ImageView and Canvas itself extend from Node and can be used to add in the StackPane.

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.canvas.Canvas;
import javafx.scene.canvas.GraphicsContext;
import javafx.scene.image.ImageView;
import javafx.scene.layout.StackPane;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

public class Main extends Application {

    int count = 1;

    @Override
    public void start(Stage stage) {

        StackPane root = new StackPane();
        Scene s = new Scene(root, 400, 400, Color.BLACK);

        final Canvas canvas = new Canvas(300, 300);
        GraphicsContext gc = canvas.getGraphicsContext2D();

        gc.setFill(Color.BLUE);
        gc.fillRect(10, 10, 300, 300);

        ImageView image = new ImageView("https://cdn0.iconfinder.com/data/icons/toys/256/teddy_bear_toy_6.png");

        // Listener for MouseClick
        image.setOnMouseClicked(e -> {
            Stage popup = new Stage();
            popup.initOwner(stage);
            popup.show();
        });

        root.getChildren().addAll(canvas, image);

        stage.setScene(s);
        stage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

输出：

• 场景有黑色背景


• 画布有蓝色背景


• ImageView是熊。

这篇关于是否可以在JavaFX中将CanView放在Canvas上？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！