0

我有一个已配置的 ImageView，以便使用以下两行代码调整其大小以适应其父 AnchorPane（AnchorPane 和图像都是方形的）。

preview.fitWidthProperty().bind(previewPane.maxWidthProperty());
preview.fitHeightProperty().bind(previewPane.maxWidthProperty());

我还在注入所有节点的 fxml 文件中设置了 450 px 的 fitWidth。但是，当我创建此对象的实例时，它会打开宽度等于加载图像（2000 像素）而不是 450 像素的预览。调整大小功能按预期工作，可以将其缩小到 450 像素。然而，我想知道是否有可能确保它以不同于图像宽度的默认大小打开，但也确保它与父级一起增长和缩小。

我已经尝试在 java 代码和 fxml 中设置不同默认宽度的负载，但唯一可行的方法是取消绑定我不想要的 fitWidth。

你对我如何解决这个问题有什么建议吗？

主要的：

import java.io.IOException;

import javafx.application.Application;
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.scene.Scene;
import javafx.scene.image.ImageView;
import javafx.scene.layout.AnchorPane;
import javafx.stage.Stage;

public class MainTest extends Application {

    @FXML private AnchorPane previewPane;
    @FXML private ImageView preview;

    @Override
    public void start(Stage primaryStage) {

        FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("Test.fxml"));
        fxmlLoader.setController(this);
        fxmlLoader.setClassLoader(getClass().getClassLoader());

        try {
            fxmlLoader.load();
        } catch (IOException exception) {
            throw new RuntimeException(exception);
        }

        preview.fitWidthProperty().bind(previewPane.maxWidthProperty());
        preview.fitHeightProperty().bind(previewPane.maxWidthProperty());
        Scene scene = new Scene(previewPane);

        primaryStage.setTitle("Test");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

FXML：

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

<?import javafx.scene.image.Image?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.AnchorPane?>


<AnchorPane fx:id="previewPane" prefHeight="200.0" prefWidth="200.0" xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1">
   <children>
      <ImageView fx:id="preview" fitHeight="450.0" fitWidth="450.0" layoutX="55.0" layoutY="36.0" pickOnBounds="true" preserveRatio="true" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
         <image>
            <Image url="@Blue%20Eyes%20White%20Dragon.png" />
         </image>
      </ImageView>
   </children>
</AnchorPane>

编辑： 这是我的问题的 MCVE。

4

1 回答 1

1

您的项目结构错误。此外，要解决您遇到的问题，您需要设置Scene大小。

从中获取的ImageView代码Controller

//Code in the Main
FXMLLoader loader = new FXMLLoader(getClass().getResource("FXMLDocument.fxml"));
Parent root = loader.load();
FXMLDocumentController fXMLDocumentController = loader.getController();
ImageView preView = fXMLDocumentController.getPreview();

//Code in the Controller
public ImageView getPreview()
{
    return preview;
}

设置Scene's大小的代码

stage.setWidth(450);
stage.setHeight(450);

主要的

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

/**
 *
 * @author blj0011
 */
public class JavaFXApplication213 extends Application
{

    @Override
    public void start(Stage stage) throws Exception
    {
        FXMLLoader loader = new FXMLLoader(getClass().getResource("FXMLDocument.fxml"));
        Parent root = loader.load();
        FXMLDocumentController fXMLDocumentController = loader.getController();
        ImageView preView = fXMLDocumentController.getPreview();

        Scene scene = new Scene(root);

        stage.setWidth(450);
        stage.setHeight(450);
        stage.setScene(scene);
        stage.show();

        preView.fitHeightProperty().bind(stage.heightProperty());
        preView.fitWidthProperty().bind(stage.widthProperty());
    }

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args)
    {
        launch(args);
    }

}

控制器

import java.net.URL;
import java.util.ResourceBundle;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.image.ImageView;

/**
 *
 * @author blj0011
 */
public class FXMLDocumentController implements Initializable
{

    @FXML
    private ImageView preview;

    @Override
    public void initialize(URL url, ResourceBundle rb)
    {
        // TODO

    }

    public ImageView getPreview()
    {
        return preview;
    }
}

FXML

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

<?import javafx.scene.image.Image?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.AnchorPane?>

<AnchorPane fx:id="previewPane" prefHeight="200.0" prefWidth="200.0" xmlns="http://javafx.com/javafx/8.0.141" xmlns:fx="http://javafx.com/fxml/1" fx:controller="javafxapplication213.FXMLDocumentController">
    <children>
        <ImageView fx:id="preview" fitHeight="450.0" fitWidth="450.0" pickOnBounds="true" preserveRatio="true" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
            <image>
                <Image url="@Blue%20Eyes%20White%20Dragon.png" />
            </image>
        </ImageView>
    </children>
</AnchorPane>

最后，您需要取消选中Preserve Ratio. FXML应该已经取消选中了。我指出这一点是因为它很重要。

在此处输入图像描述

于 2018-06-19T13:36:11.547 回答