JavaFX动画未运行，但场景显示没有错误消息

Question

我在java工作了一年，对javaFX非常陌生，到目前为止，我一直在学习使用scenebuilder的基本教程。到目前为止，我尝试将translatetransition应用于我的按钮，但它似乎根本没有移动。当我运行程序时，会显示带有背景的场景，但按钮仅停留在scenebuilder中定义的开始位置，不会移动。在检查了这个站点上的其他类似问题之后，我已经确保我实现了Initializable，并在初始化函数之前添加了@Override，并且确保我的转换被播放。我也在矩形上尝试了translatetransition，但它不会移动。可能只是因为我使用的是eclipse而不是netbeans

驾驶员等级：

package application;
    
import javafx.application.Application;
import javafx.stage.Stage;
import javafx.scene.Scene;
//import javafx.scene.layout.BorderPane;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;


public class Main extends Application {
    @Override 
    public void start(Stage primaryStage) {
        try {
            Parent myroot = FXMLLoader.load(getClass().getClassLoader().getResource("MyFxml.fxml"));
            //BorderPane root = new BorderPane();
            Scene scene = new Scene(myroot);
            //scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
            primaryStage.setScene(scene);
            primaryStage.show();
        } catch(Exception e) {
            e.printStackTrace();
        }
    }
    
    public static void main(String[] args) {
        launch(args);
    }
}

FXML

<?import javafx.scene.shape.*?>
<?import javafx.scene.text.*?>
<?import javafx.scene.image.*?>
<?import javafx.scene.control.*?>
<?import java.lang.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.layout.AnchorPane?>

<StackPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1">
   <children>
      <ImageView fitHeight="413.0" fitWidth="638.0" pickOnBounds="true" preserveRatio="true">
         <image>
            <Image url="@../../../Downloads/campusmap.png" />
         </image>
      </ImageView>
      <AnchorPane prefHeight="200.0" prefWidth="200.0">
         <children>
            <Rectangle fx:id="myrectangle" arcHeight="5.0" arcWidth="5.0" fill="#128cff" height="200.0" layoutX="14.0" layoutY="64.0" stroke="BLACK" strokeType="INSIDE" width="200.0" />
            <Button fx:id="startbutton" layoutX="202.0" layoutY="232.0" mnemonicParsing="false" prefHeight="64.0" prefWidth="197.0" style="-fx-background-color: #FFC0CB; -fx-background-radius: 100;" text="Start Program">
               <font>
                  <Font name="Comic Sans MS" size="12.0" />
               </font></Button>
         </children>
      </AnchorPane>
   </children>
</StackPane>

FXML控制器

package application;
import java.net.URL;
import java.util.ResourceBundle;
import javafx.fxml.Initializable;
import javafx.fhtml" target="_blank">xml.FXML;
import javafx.scene.control.Button;
import javafx.scene.shape.Rectangle;
import javafx.util.Duration;
import javafx.animation.TranslateTransition;
public class MyFxmlController implements Initializable{
@FXML
private Button startbutton;
@FXML
private Rectangle myrectangle;


@Override
public void initialize(URL url, ResourceBundle rb) {
    TranslateTransition transition = new TranslateTransition();
    transition.setDuration(Duration.seconds(4));
    transition.setNode(startbutton);
    
    
    transition.setToX(-200);
    transition.setToY(-200);

    transition.play();
    
    
}

}

Answer 1

您没有将控制器“链接”到FXML文档。因此，当您显示FXML布局时，永远不会执行Transition代码。

你有几个选择来做这件事。在SceneBuilder中，可以在此处指定控制器类：

这将向FXML文件添加fx:controller属性：

fx:controller="temp.translate.MyFxmlController"

显然，您需要在这里使用自己的包路径。

另一个选项是通过更新FXML文档的加载，在Java代码中指定控制器。

为了做到这一点，您需要获得对FXMLLoader的引用，并在那里设置控制器。你可以这样改变你的start（）方法：

@Override
    public void start(Stage primaryStage) {

        try {

            // Create a new FXMLLoader and set the FXML path
            FXMLLoader loader = new FXMLLoader(getClass().getResource("MyFxml.fxml"));

            // Set the controller for this FXML document
            loader.setController(new MyFxmlController());

            // Load the FXML into your Parent node
            Parent myRoot = loader.load();

            //BorderPane root = new BorderPane();
            Scene scene = new Scene(myRoot);
            
            //scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
            primaryStage.setScene(scene);
            primaryStage.show();
        } catch (Exception e) {
            e.printStackTrace();
        }

注意：如果您通过fx:controller在FXML中指定了控制器，则不能在Java代码中也指定它，反之亦然。您可能只在一个地方或另一个地方定义控制器，因此这实际上是个人偏好，取决于您的需要。