2

我想在我的 JavaFx 2.x 场景中嵌入一个视频，并调整它的大小并将其重新定位到我的需要。我遇到的问题是。如果我构建一个MediaView组件然后平移 X 或 Y 坐标，那么整个视图将被正确移动，如下所示：

MediaView mv = (...)
mv.setTranslateX(200);
mv.setTranslateY(200);

我可以使用缩放属性进行类似的转换：

MediaView mv = (...)
mv.setScaleX(2);
mv.setScaleY(2);

这将在维度上正确缩放 mv实例两倍。

然而，问题是当我结合这两个翻译时。该mv实例正在缩放，但它总是以屏幕坐标结束(0,0)。从我的角度来看，这当然是不正确的行为。

我还尝试将我的MediaView组件包装在某个包装器节点中，例如Group并在此元素上执行翻译。行为是相同的。

如何同时正确移动和缩放MediaView组件？

编辑：

这是我的代码，虽然我在这里使用ImageView。然而，这无关紧要。运行此代码后，图像将被放置在(0,0)而不是(100,100).

    @Override
    public void start(Stage stage) throws Exception {
        Group root = new Group();

        // Img's dimension is 200x200
        javafx.scene.image.Image img = new javafx.scene.image.Image("/home/bachman/projects/cs-player/src/main/resources/content.png");
        ImageView iv = new ImageView(img);
        root.getChildren().add(iv);

        // Move Image View
        iv.setTranslateX(100);
        iv.setTranslateY(100);

        // Scale Image View
        iv.setScaleX(2.0);
        iv.setScaleY(2.0);

        Scene scene = new Scene(root);
        stage.setWidth(600);
        stage.setHeight(600);
        stage.setScene(scene);
        stage.show();
    }
4

1 回答 1

2

当您使用 setScaleX、setScaleY 时，从节点的中心开始进行缩放。

如果除了缩放之外还想平移一个量，则在设置所需的平移值时需要考虑缩放扩展。例如，如果节点的大小加倍（并且您希望将节点平移到相对于未缩放节点的左上角的位置），则需要额外平移一半的节点宽度和高度。

import javafx.application.Application;
import javafx.scene.*;
import javafx.scene.media.*;
import javafx.scene.transform.*;
import javafx.stage.Stage;

public class TransformedVideo extends Application {
  public static void main(String[] args) throws Exception { launch(args); }
  @Override public void start(final Stage stage) throws Exception {
    final MediaPlayer oracleVid = new MediaPlayer(new Media("http://download.oracle.com/otndocs/products/javafx/oow2010-2.flv"));
    final MediaView mediaView = new MediaView(oracleVid);
    mediaView.setFitWidth(320); mediaView.setFitHeight(240); mediaView.setPreserveRatio(false);

    mediaView.setTranslateX(mediaView.getFitWidth()  / 2 + 200); 
    mediaView.setTranslateY(mediaView.getFitHeight() / 2 + 200);
    mediaView.setScaleX(2); mediaView.setScaleY(2);

// alternative method of scaling and translating.    
//    mediaView.getTransforms().addAll(
//      new Translate(200, 200),
//      new Scale(2, 2)
//    );

    Group group = new Group(mediaView);
    stage.setScene(new Scene(group, 1250, 800));
    stage.show();

    oracleVid.play();

    System.out.println(group.getBoundsInParent());
  }
}

在一个节点上执行多个变换时，而不是使用 setScale/setTransform/setRotate 方法，通常更容易将变换列表提供给 getTransforms() 方法。

于 2012-04-16T17:55:14.423 回答