對不起，我不是英語好...Genarate定製oblect和應用自定義FXML文件中的JavaFX

我想編寫一個「簡單的UML編輯器」

使用案例

單擊UML畫布，並生成UML形狀。光標在生成後位於UML形狀的左上角。至於this image。

下面是示例代碼。

Main.java

package application; 

import javafx.application.Application; 
import javafx.fxml.FXMLLoader; 
import javafx.scene.Parent; 
import javafx.scene.Scene; 
import javafx.stage.Stage; 


public class Main extends Application { 
    @Override 
    public void start(Stage primaryStage) { 
     try { 
      Parent root = FXMLLoader.load(getClass().getResource("mainView.fxml")); 
      Scene scene = new Scene(root); 
      primaryStage.setScene(scene); 
      primaryStage.show(); 
     } catch(Exception e) { 
      e.printStackTrace(); 
     } 
    } 

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

mainView.fxml

<?xml version="1.0" encoding="UTF-8"?> 

<?import java.lang.*?> 
<?import javafx.scene.layout.*?> 


<Pane fx:id="canvas" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" onMouseClicked="#onMouseClicked" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="application.MainViewController" />

MainViewController.java

package application; 

import javafx.fxml.FXML; 
import javafx.scene.input.MouseEvent; 
import javafx.scene.layout.Pane; 

public class MainViewController { 

    @FXML Pane canvas; 

    @FXML private void onMouseClicked(MouseEvent event) { 
     myCircle c = new myCircle(); 

     c.setLayoutX(event.getX()); 
     c.setLayoutY(event.getY()); 
     canvas.getChildren().add(c); 
    } 
}

myCircle.fxml

<?xml version="1.0" encoding="UTF-8"?> 

<?import javafx.scene.shape.*?> 
<?import java.lang.*?> 
<?import javafx.scene.layout.*?> 
<?import javafx.scene.Scene?> 

<Pane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="40.0" prefWidth="40.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1"> 
    <children> 
     <Circle fx:id="circle" fill="DODGERBLUE" layoutX="20.0" layoutY="20.0" radius="20.0" stroke="BLACK" strokeType="INSIDE" /> 
    </children> 
</Pane>

myCircle.java

package application; 

import java.io.IOException; 

import javafx.fxml.FXML; 
import javafx.fxml.FXMLLoader; 
import javafx.scene.layout.Parent; 
import javafx.scene.shape.Circle; 

public class myCircle extends Parent { 

    @FXML Circle circle; 

    public myCircle() { 
     // TODO Auto-generated constructor stub 
     FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("myCircle.fxml")); 
     //fxmlLoader.setRoot(this); 
     fxmlLoader.setController(this); 
     try { 
      fxmlLoader.load(); 
     } catch (IOException e) { 
      // TODO Auto-generated catch block 
      e.printStackTrace(); 
     } 

     this.getChildren().add(circle); 

     System.out.println("generate myCircle"); 
    } 
}

問題

在文件：myCircle.java。我不能添加代碼fxmlLoader.setRoot(this);，否則它將顯示錯誤消息：「已經指定了根值」。根節點是否動態加載？（我沒有使用<fx:root>或setRoot()）如果是動態加載，哪一個是我當前的根節點？
在文件中：myCircle.java。我必須添加行this.getChildren().add(circle);，或者沒有圈生成。爲什麼？我認爲有一些重要的細節我不知道...
我需要centerXProperty()來實現綁定線的相對功能，但有一些問題。我的自定義UML形狀應用並加載自定義fxml文件，我無法獲得真正的centerXProperty。我打印centerXProperty messege：DoubleProperty [bean: Circle[id=circle, centerX=0.0, centerY=0.0, radius=20.0, fill=0x1e90ffff, stroke=0x000000ff, strokeWidth=1.0], name: centerX, value: 0.0]。無論如何，該值始終爲0.0。我怎麼辦？

我不想鍵入麪條代碼。我買了一本關於JavaFX，但這些問題仍然困擾着我4天...

謝謝:)

來源

2017-01-19 scps940707

您FXML文件的根元素是一個<Pane>元素，這基本上是一個指令到FXMLLoader創建一個Pane實例，它將成爲根。因此，當您嘗試呼叫fxmlLoader.setRoot(...)時，它會抱怨，因爲已經在FXML文件中指定了一個根。爲了解決這個問題，你需要使用<fx:root...>根元素：

<?xml version="1.0" encoding="UTF-8"?> 

<?import javafx.scene.shape.*?> 
<?import java.lang.*?> 
<?import javafx.scene.layout.*?> 
<?import javafx.scene.Scene?> 

<fx:root type="Pane" maxHeight="-Infinity" maxWidth="-Infinity" 
    minHeight="-Infinity" minWidth="-Infinity" 
    prefHeight="40.0" prefWidth="40.0" 
    xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1"> 
    <children> 
     <Circle fx:id="circle" fill="DODGERBLUE" layoutX="20.0" layoutY="20.0" radius="20.0" stroke="BLACK" strokeType="INSIDE" /> 
    </children> 
</fx:root>

爲了fxmlLoader.setRoot(this)工作，this必須由type屬性指定<fx:root>的類的實例，即你必須myCircle一個的Pane亞類：

package application; 

import java.io.IOException; 

import javafx.fxml.FXML; 
import javafx.fxml.FXMLLoader; 
import javafx.scene.layout.Pane; 
import javafx.scene.shape.Circle; 

public class myCircle extends Pane { 

    @FXML Circle circle; 

    public myCircle() { 
     // TODO Auto-generated constructor stub 
     FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("myCircle.fxml")); 
     fxmlLoader.setRoot(this); 
     fxmlLoader.setController(this); 
     try { 
      fxmlLoader.load(); 
     } catch (IOException e) { 
      // TODO Auto-generated catch block 
      e.printStackTrace(); 
     } 

     // circle is now added to this by the FXML. 
     // So next line is no longer needed: 
     // this.getChildren().add(circle); 

     System.out.println("generate myCircle"); 
    } 
}

通過固定fxmlLoader.setRoot(this)固定。該圓是Pane的孩子，它是FMXL文件的根。以前，除非明確這麼做，否則不會將其添加到myCircle實例中。

你永遠不變的centerX和centerY屬性，因此它們將始終爲0你的意思是使用centerX="20"代替layoutX="20"在FXML？如果你想揭露他們進行結合/設置/等等，你可以在你的myCircle類這樣做：

package application; 

import java.io.IOException; 

import javafx.beans.property.DoubleProperty ; 
import javafx.fxml.FXML; 
import javafx.fxml.FXMLLoader; 
import javafx.scene.layout.Pane; 
import javafx.scene.shape.Circle; 

public class myCircle extends Pane { 

    @FXML Circle circle; 

    public myCircle() { 
     // TODO Auto-generated constructor stub 
     FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("myCircle.fxml")); 
     fxmlLoader.setRoot(this); 
     fxmlLoader.setController(this); 
     try { 
      fxmlLoader.load(); 
     } catch (IOException e) { 
      // TODO Auto-generated catch block 
      e.printStackTrace(); 
     } 

     // circle is now added to this by the FXML. 
     // So next line is no longer needed: 
     // this.getChildren().add(circle); 

     System.out.println("generate myCircle"); 
    } 

    public DoubleProperty centerXProperty() { 
     return circle.centerXProperty(); 
    } 

    public final double getCenterX() { 
     return centerXProperty().get(); 
    } 

    public final void setCenterX(double centerX) { 
     centerXProperty().set(centerX); 
    } 

    // same for centerY... 
}

你也可以考慮只讓MyCircle的Circle一個子類，讓你簡單地繼承centerX和centerY性質。即

package application; 

import java.io.IOException; 

import javafx.fxml.FXML; 
import javafx.fxml.FXMLLoader; 
import javafx.scene.shape.Circle; 

public class myCircle extends Circle { 

    public myCircle() { 
     // TODO Auto-generated constructor stub 
     FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("myCircle.fxml")); 
     fxmlLoader.setRoot(this); 
     fxmlLoader.setController(this); 
     try { 
      fxmlLoader.load(); 
     } catch (IOException e) { 
      // TODO Auto-generated catch block 
      e.printStackTrace(); 
     } 

     System.out.println("generate myCircle"); 
    } 
}

然後

<?xml version="1.0" encoding="UTF-8"?> 

<?import javafx.scene.shape.*?> 
<?import java.lang.*?> 
<?import javafx.scene.layout.*?> 
<?import javafx.scene.Scene?> 

<fx:root type="Circle" fill="DODGERBLUE" layoutX="20.0" layoutY="20.0" 
    radius="20.0" stroke="BLACK" strokeType="INSIDE" 
    xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1"> 
</fx:root>

雖然我不知道這仍然給你所有你想要的功能。

來源

2017-01-19 15:01:47

Genarate定製oblect和應用自定義FXML文件中的JavaFX

使用案例

myCircle.java

問題

回答

相關問題