JavaFXのボタンのように機能する楕円

Question

私はクリックして他の画面に移動することができる2つのEllipseオブジェクトを隣り合わせに配置する方法を見つけようとしています。

どこから始めたらいいですか？今は2つの普通のボタンを作ることを願っています。

私たちはどのように作成しますか？

Answer 1

ボタンの形状としてCircleを使用してください。デフォルトでは、図形はButtonのサイズにスケーリングされ、結果として楕円形のButtonが生成されます。あなたは何ができるか

Button btn = new Button("Say 'Hello World'"); 

// circular shape scaled to Button dimensions = ellipse 
btn.setShape(new Circle(1)); 

// increase distance from edges to text 
btn.setPadding(new Insets(8)); 

Answer 2

elipse.addEventFilter(MouseEvent.MOUSE_CLICKED, e -> { 
    //Add scene change here. 
}); 

Answer 3

は、ラベルに

Label label = new Label(); 
label.setId("button"); 

を持っているし、イメージの楕円や、あなたのラベルにしたいという、これまで何を追加しています。

Image image = new Image(getClass().getResourceAsStream("ellipse.png")); 
label.setGraphic(new ImageView(image)); 

そして、ラベルに

label1.setOnMousePressed(new EventHandler<MouseEvent>() { 
@Override 
public void handle(MouseEvent e) { 
// write code to change screen 
} }); 

をマウスクリックイベントを追加