JavaFX创建窗格的小型实时预览

时间:2018-08-20 07:59:42

标签: java javafx preview

我有一个项目,其中有两个窗口,基本上,您可以将其与演示模式下的powerpoint进行比较。在我的一个窗口中,我想在整个第二个窗口中显示的一角显示一个小的预览。如果对节点有复制方法,我想我可以设法实现,但找不到。

为了更好地理解,我试图形象化我的问题。

how my setup should look

1 个答案:

答案 0 :(得分:4)

您始终可以连续拍摄其他Stage的{​​{1}}(或任意Scene)的快照并将其显示在“实时图像”区域中。这是一个示例:

Main.java

Node

MainController.java

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

public class Main extends Application {

  @Override
  public void start(Stage primaryStage) throws Exception {
    FXMLLoader loader = new FXMLLoader(getClass().getResource("Main.fxml"));
    Scene scene = new Scene(loader.load());
    primaryStage.setScene(scene);
    primaryStage.setTitle("Main Window");
    primaryStage.setResizable(false);
    primaryStage.show();
    ((MainController) loader.getController()).displayOtherWindow();
  }

}

Main.fxml

import java.io.IOException;
import javafx.animation.AnimationTimer;
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.scene.Scene;
import javafx.scene.image.ImageView;
import javafx.stage.Stage;

public class MainController {

  @FXML
  private ImageView imageView;
  private AnimationTimer imageTimer;

  public void displayOtherWindow() throws IOException {
    FXMLLoader loader = new FXMLLoader(getClass().getResource("Other.fxml"));
    Scene scene = new Scene(loader.load(), 500, 300);

    Stage stage = new Stage();
    stage.setScene(scene);
    stage.setTitle("Other Window");
    stage.setResizable(false);
    stage.show();

    ((OtherController) loader.getController()).startAnimation();

    imageTimer = new ScreenshotsAnimationTimer(scene);
    imageTimer.start();
  }

  private class ScreenshotsAnimationTimer extends AnimationTimer {

    private final Scene scene;

    private ScreenshotsAnimationTimer(Scene scene) {
      this.scene = scene;
    }

    @Override
    public void handle(long now) {
      imageView.setImage(scene.snapshot(null));
    }

  }
}

OtherControler.java

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

<?import javafx.scene.control.Label?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.control.Button?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.control.Separator?>
<?import javafx.scene.image.ImageView?>
<BorderPane xmlns="http://javafx.com/javafx" xmlns:fx="http://javafx.com/fxml"
            fx:controller="MainController" prefHeight="300.0" prefWidth="500.0">

    <center>
        <VBox spacing="10" alignment="CENTER_LEFT">
            <padding>
                <Insets topRightBottomLeft="15"/>
            </padding>
            <Label text="Some controls. These buttons do nothing."/>
            <Button text="Button #1"/>
            <Button text="Button #2"/>
            <Button text="Button #3"/>
        </VBox>
    </center>

    <bottom>
        <VBox>
            <Separator/>
            <HBox minHeight="105" maxHeight="105">
                <padding>
                    <Insets topRightBottomLeft="5"/>
                </padding>
                <Label text="Some other information could go here. Live image is to the right."
                       maxWidth="Infinity" HBox.hgrow="ALWAYS" wrapText="true"/>
                <Separator orientation="VERTICAL"/>
                <ImageView fx:id="imageView" fitWidth="166.66" fitHeight="100"/>
            </HBox>
        </VBox>
    </bottom>

</BorderPane>

Other.fxml

import javafx.animation.Animation;
import javafx.animation.SequentialTransition;
import javafx.animation.TranslateTransition;
import javafx.fxml.FXML;
import javafx.scene.shape.Rectangle;
import javafx.util.Duration;

public class OtherController {

  @FXML
  private Rectangle rect;

  public void startAnimation() {
    SequentialTransition transition = new SequentialTransition(
        createTransition(500 - rect.getWidth(), 0),
        createTransition(500 - rect.getWidth(), 300 - rect.getHeight()),
        createTransition(0, 300 - rect.getHeight()),
        createTransition(0, 0)
    );
    transition.setCycleCount(Animation.INDEFINITE);
    transition.play();
  }

  private TranslateTransition createTransition(double x, double y) {
    TranslateTransition tt = new TranslateTransition(Duration.seconds(1), rect);
    tt.setToX(x);
    tt.setToY(y);
    return tt;
  }

}

结果图片

enter image description here


在移动<?xml version="1.0" encoding="UTF-8"?> <?import javafx.scene.Group?> <?import javafx.scene.shape.Rectangle?> <Group xmlns="http://javafx.com/javafx" xmlns:fx="http://javafx.com/fxml" fx:controller="OtherController"> <Rectangle fx:id="rect" width="200" height="100"/> </Group> 时,我确实发现口吃。更复杂的应用程序也可能会导致一些滞后。换句话说,您应该针对应用程序的性能进行调整。例如,您真的需要每个 框架的屏幕截图吗?也许您可以每隔一帧或每Window帧拍摄一张屏幕截图。另一个可能的优化是对快照使用相同的n(仅在WritableImage的尺寸更改时创建新图像)。

还要注意,在我的示例中,我使用了很多硬编码值。您需要针对实际应用程序进行更改。