JavaFX 버튼이 작동하지 않습니다.

Question

이것은 Java 및 JavaFX의 첫 번째 프로젝트입니다. 나는 대부분의 작업을 마쳤지 만, 뭔가를하는 버튼이 필요합니다. 다른 자습서에서 찾은 것을 사용했지만 버튼이 여전히 작동하지 않습니다. 그것을 클릭해도 아무런 변화가 없습니다. 나는 어떤 조언을 해주셔서 대단히 감사하겠습니다. 코드가 무엇을 더 잘 이해할 수 있도록 첨부 된 내 사진을 찾으십시오.

/* 
* To change this license header, choose License Headers in Project Properties. 
* To change this template file, choose Tools | Templates 
* and open the template in the editor. 
*/ 
package po_javafx; 

import java.awt.Color; 
import java.awt.event.MouseEvent; 
import java.io.File; 
import java.io.FileInputStream; 
import java.io.FileNotFoundException; 
import java.util.logging.Level; 
import java.util.logging.Logger; 
import javafx.animation.Animation; 
import javafx.animation.KeyFrame; 
import javafx.animation.Timeline; 
import javafx.application.Application; 
import javafx.event.ActionEvent; 
import javafx.event.Event; 
import javafx.event.EventHandler; 
import javafx.geometry.Insets; 
import javafx.scene.Scene; 
import javafx.scene.canvas.Canvas; 
import javafx.scene.canvas.GraphicsContext; 
import javafx.scene.control.Button; 
import javafx.scene.image.Image; 
import javafx.scene.layout.BorderPane; 
import javafx.scene.layout.GridPane; 
import javafx.scene.layout.Pane; 
import javafx.scene.layout.StackPane; 
import javafx.scene.layout.VBox; 
import static javafx.scene.paint.Color.CORNSILK; 
import static javafx.scene.paint.Color.DARKGOLDENROD; 
import javafx.scene.shape.Line; 
import javafx.scene.shape.LineBuilder; 
import javafx.stage.Stage; 
import javafx.util.Duration; 


public class PO_JavaFX extends Application { 

    public static World world = new World("Game"); 

    static protected int width; 
    static protected int height; 
    static protected int civilOffsetX; 
    static protected int civilOffsetY; 
    static protected int bossOffsetX; 
    static protected int bossOffsetY; 
    static protected int heroOffsetX; 
    static protected int heroOffsetY; 

    /** 
    * @return the civilOffsetX 
    */ 
    public static int getCivilOffsetX() { 
     return civilOffsetX; 
    } 

    /** 
    * @param aCivilOffsetX the civilOffsetX to set 
    */ 
    public static void setCivilOffsetX(int aCivilOffsetX) { 
     civilOffsetX = aCivilOffsetX; 
    } 

    /** 
    * @return the civilOffsetY 
    */ 
    public static int getCivilOffsetY() { 
     return civilOffsetY; 
    } 

    /** 
    * @param aCivilOffsetY the civilOffsetY to set 
    */ 
    public static void setCivilOffsetY(int aCivilOffsetY) { 
     civilOffsetY = aCivilOffsetY; 
    } 

    /** 
    * @return the bossOffsetX 
    */ 
    public static int getBossOffsetX() { 
     return bossOffsetX; 
    } 

    /** 
    * @param aBossOffsetX the bossOffsetX to set 
    */ 
    public static void setBossOffsetX(int aBossOffsetX) { 
     bossOffsetX = aBossOffsetX; 
    } 

    /** 
    * @return the bossOffsetY 
    */ 
    public static int getBossOffsetY() { 
     return bossOffsetY; 
    } 

    /** 
    * @param aBossOffsetY the bossOffsetY to set 
    */ 
    public static void setBossOffsetY(int aBossOffsetY) { 
     bossOffsetY = aBossOffsetY; 
    } 

    /** 
    * @return the heroOffsetX 
    */ 
    public static int getHeroOffsetX() { 
     return heroOffsetX; 
    } 

    /** 
    * @param aHeroOffsetX the heroOffsetX to set 
    */ 
    public static void setHeroOffsetX(int aHeroOffsetX) { 
     heroOffsetX = aHeroOffsetX; 
    } 

    /** 
    * @return the heroOffsetY 
    */ 
    public static int getHeroOffsetY() { 
     return heroOffsetY; 
    } 

    /** 
    * @param aHeroOffsetY the heroOffsetY to set 
    */ 
    public static void setHeroOffsetY(int aHeroOffsetY) { 
     heroOffsetY = aHeroOffsetY; 
    } 

    @Override 
    public void start(Stage stage) throws Exception { 

     Pane root = new Pane(); 
     setWidth(1400); 
     setHeight(1000); 
     Canvas background = new Canvas(getWidth(), getHeight()); 

     final GraphicsContext context = background.getGraphicsContext2D(); 
     File f = new File("background.png"); 
     final Image image = new Image(new FileInputStream(f)); 

     root.getChildren().add(background); 

     Button b1 = new Button("Spawn Civilian"); 

     b1.setOnAction(new EventHandler<ActionEvent>() { 

      @Override 
      public void handle(ActionEvent event) { 
       System.out.println("Hello World!"); 
      } 
     }); 
     root.getChildren().add(b1); 
     b1.setLayoutX(1300); 
     b1.setLayoutY(10); 

     Canvas animation = new Canvas(getWidth(), getHeight()); 
     Canvas animation2 = new Canvas(getWidth(), getHeight()); 
     final GraphicsContext context2 = animation.getGraphicsContext2D(); 
     final GraphicsContext context3 = animation2.getGraphicsContext2D(); 

     File overlay100 = new File("close.png"); 
     final Image but1; 
     but1 = new Image(new FileInputStream(overlay100)); 

     File overlay = new File("cywil.png"); 
     final Image cywil; 

     cywil = new Image(new FileInputStream(overlay)); 

     File overlay2 = new File("city.png"); 
     final Image miasto; 

     miasto = new Image(new FileInputStream(overlay2)); 

     File overlay3 = new File("cross.png"); 
     final Image skrzyzowanie; 

     skrzyzowanie = new Image(new FileInputStream(overlay3)); 

     File overlay6 = new File("koksu.png"); 
     final Image koksu = new Image(new FileInputStream(overlay6)); 

     File overlay9 = new File("najman.png"); 
     final Image najman = new Image(new FileInputStream(overlay9)); 

     root.getChildren().add(animation); 
     root.getChildren().add(animation2); 

     Scene scene = new Scene(root, getWidth(), getHeight()); 

     stage.setTitle("Old Gotham"); 
     stage.setScene(scene); 
     stage.show(); 

     final Duration oneFrameAmt = Duration.millis(1000/60); 
     final KeyFrame oneFrame = new KeyFrame(oneFrameAmt, 
       new EventHandler() { 
        @Override 
        public void handle(Event event) { 

         context2.drawImage(image, 0, 0); 
         //context2.drawImage(but1, 1250, 100, 100, 100); 
         int offset = 700; 
         context2.setLineWidth(5.0); 
         context2.setStroke(DARKGOLDENROD); 

         for (Road road : World.roads) { 
          if (road.getOrientation().equals("horizontal")) { 
           context2.strokeLine(road.getX(), road.getY(), road.getX2(), road.getY2()); 

          } else if (road.getOrientation().equals("vertical")) { 
           context2.strokeLine(road.getX(), road.getY(), road.getX2(), road.getY2()); 

          } 

         } 
         for (City city : World.cities) { 
          context3.drawImage(miasto, city.getX() - offset/2, city.getY() - offset/2, offset, offset); 
         } 
         int crossroadOffsetX = 150; 
         int crossroadOffsetY = 100; 
         for (Crossroad crossroad : World.crossroads) { 
          context2.drawImage(skrzyzowanie, crossroad.getX() - crossroadOffsetX/2, crossroad.getY() - crossroadOffsetY/2 + 20, crossroadOffsetX, crossroadOffsetY); 
         } 

         setCivilOffsetX(70); 
         setCivilOffsetY(40); 
         for (Civilian civilian : World.civilians) { 
          context2.drawImage(cywil, civilian.getX() - getCivilOffsetX()/2, civilian.getY() - getCivilOffsetY()/2, getCivilOffsetX(), getCivilOffsetY()); 
         } 
         setBossOffsetX(70); 
         setBossOffsetY(40); 
         for (Boss boss : World.bosses) { 

          context2.drawImage(najman, boss.getX() - getBossOffsetX()/2, boss.getY() - getBossOffsetY()/2, getBossOffsetX(), getBossOffsetY()); 

         } 

         setHeroOffsetX(70); 
         setHeroOffsetY(40); 
         for (SuperHero hero : World.superheroes) { 

          context2.drawImage(koksu, hero.getX() - getHeroOffsetX()/2, hero.getY() - getHeroOffsetY()/2, getHeroOffsetX(), getHeroOffsetY()); 

         } 

        } 
       }); 
     final Timeline tl = new Timeline(oneFrame); 
     tl.setCycleCount(Animation.INDEFINITE); 
     tl.play(); 
    } 

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

    /** 
    * @return the width 
    */ 
    public static int getWidth() { 
     return width; 
    } 

    /** 
    * @param width the width to set 
    */ 
    public void setWidth(int width) { 
     this.width = width; 
    } 

    /** 
    * @return the height 
    */ 
    public static int getHeight() { 
     return height; 
    } 

    /** 
    * @param height the height to set 
    */ 
    public void setHeight(int height) { 
     this.height = height; 
    } 

} 

Answer 1

당신이 후 루트 Pane에 추가하는 Canvas 인스턴스 (animation 및 animation2)이 장면의 크기를 가지고있는 버튼을 추가하고, 이러한 취재 : 여기 (버튼 B1라고합니다) 내 코드입니다 버튼을 포함하여 그 아래의 모든 항목을 클릭 할 수 없습니다.

animation.setMouseTransparent(true); 
animation2.setMouseTransparent(true); 

을하지만 당신은 다른 레이아웃을 사용하여 혜택을 누릴 수 있습니다, 그래서 당신은 하나 개의 창에서 그래픽 영역 및 기타의 컨트롤을 가질 수

첫 번째 간단한 솔루션으로, 당신은이 캔버스를 투명하게 만들 수 있습니다. 예를 들어 BorderPane을 사용할 수 있습니다. 다음과 같은 내용 :

BorderPane root = new BorderPane(); 
Pane paneCenter= new Pane(); 
Canvas background= new Canvas(1200,1000); 
Canvas animation = new Canvas(1200,1000); 
Canvas animation2 = new Canvas(1200,1000); 
paneCenter.getChildren().addAll(background, animation, animation2); 
root.setCenter(paneCenter); 

VBox paneRight = new VBox(); 
paneRight.setPrefSize(200, 1000); 
paneRight.setPadding(new Insets(20)); 
paneRight.setAlignment(Pos.TOP_CENTER); 
Button b1 = new Button("Spawn Civilian"); 
paneRight.getChildren().add(b1); 
root.setRight(paneRight); 

Scene scene = new Scene(root, 1400, 1000);