Question

我正在寻找方法移动nodes（在我的情况下为TextField）以及调整它们的大小。

以下是一个基本示例：

public class Main extends Application{

private static final Pane pane = new Pane();

public void start(Stage stage) {
    TextField txtField = new TextField();
    txtField.relocate(300, 0);
    Button btnS = new Button("Change size");
    btnS.setPrefSize(100, 20);
    btnS.relocate(0, 0);
    btnS.setOnAction(e -> {
        ScaleTransition transition = new ScaleTransition(Duration.millis(300), txtField);
        transition.setByX(2);
        transition.play();
    });

    Button btnP = new Button("Change Position");
    btnP.setPrefSize(100, 20);
    btnP.relocate(110, 0);
    btnP.setOnAction(e -> {
        PathTransition transition = new PathTransition();
        transition.setNode(txtField);
        transition.setPath(new Path(new MoveTo(300, 50)));
        transition.play();
    });

    pane.getChildren().addAll(btnS, btnP, txtField);
    Scene scene = new Scene(pane);
    pane.setPrefSize(500, 100);
    stage.setScene(scene);
    stage.show();
}

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

我希望TextField仅将宽度更改为右侧（因此它看起来像是从左向右“滑动”（变得更宽））。我认为我的尝试是错误的，因为我不想扩展它，但调整大小它（虽然TextField的缩放工作）。或者是通过创建循环来改变大小的唯一方法，这会为每次迭代的宽度增加i？

其他Button应移动TextField。这次我认为我的尝试是正确的，但代码不起作用，我无法解释。

有人会帮助我吗？谢谢。

Answer 1

就改变TextField的宽度而言。循环将无法工作，因为您将阻止负责布局的线程。如何调整节点大小取决于父节点，因为显示宽度由布局期间的父节点确定。在这种情况下，您只需使用prefWidth：

为Timeline属性设置动画即可

Timeline timeline = new Timeline(
        new KeyFrame(Duration.ZERO, new KeyValue(txtField.prefWidthProperty(), txtField.getWidth())),
        new KeyFrame(Duration.millis(300), new KeyValue(txtField.prefWidthProperty(), 300)));

timeline.play();

另一个按钮应移动TextField。这次我认为我的尝试是正确的，但代码不起作用，我无法解释。

看看你使用的路径是什么样的。没有绘制，因为您只使用单个MoveTo元素。您需要修复路径或我们更简单TranslateTransition：

TranslateTransition transition = new TranslateTransition(Duration.millis(400), txtField);
transition.setToY(50);
transition.play();

注意：您可能需要调整代码才能获得重复点击所需的效果。

JavaFX - 调整大小和/或移动节点（例如TextFields）

1 个答案: