Wie man die Größe eines Bildes, wenn die Größe des Fensters in JavaFX

Auftragen der Lösung auf JavaFx ändern der Bildgröße zu deinem Beispiel-code und die Größe des Fensters Ergebnisse in unterschiedlichen Bild-Größen für mich.

import javafx.application.Application;
import javafx.beans.property.*;
import javafx.beans.value.*;
import javafx.event.*;
import javafx.geometry.HPos;
import javafx.geometry.VPos;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.image.*;
import javafx.scene.layout.*;
import javafx.stage.Stage;

public class ImageResizer extends Application {
    @Override
    public void start(Stage primaryStage) {
        MenuBar menuBar=new MenuBar();
        Menu menuGame = new Menu("Game");
        MenuItem newGame = new MenuItem("New Game                F1");
        MenuItem exit = new MenuItem("Exit                            F2");
        exit.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                primaryStage.close();
            }
        });
        menuGame.getItems().addAll(newGame,new SeparatorMenuItem(),exit);
        menuBar.getMenus().addAll(menuGame);

        Image image = new Image("http://docs.oracle.com/javafx/"
                + "javafx/images/javafx-documentation.png");
        ImageView imageView = new ImageView();
        imageView.setImage(image);

        ImageViewPane viewPane = new ImageViewPane(imageView);

        VBox vbox=new VBox();
        StackPane root=new StackPane();
        root.getChildren().addAll(viewPane);

        vbox.getChildren().addAll(menuBar,root);
        VBox.setVgrow(root, Priority.ALWAYS);

        Scene scene= new Scene(vbox,200,200);
        primaryStage.setScene(scene);

        primaryStage.setMaxHeight(400);
        primaryStage.setMinHeight(200);
        primaryStage.setMaxWidth(500);
        primaryStage.setMinWidth(400);

        primaryStage.setTitle("Minesweeper");
        primaryStage.show();

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





/*
 * Copyright (c) 2012, Oracle and/or its affiliates. All rights reserved.
 * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
 */


/**
 *
 * @author akouznet
 */
class ImageViewPane extends Region {

    private ObjectProperty<ImageView> imageViewProperty = new SimpleObjectProperty<ImageView>();

    public ObjectProperty<ImageView> imageViewProperty() {
        return imageViewProperty;
    }

    public ImageView getImageView() {
        return imageViewProperty.get();
    }

    public void setImageView(ImageView imageView) {
        this.imageViewProperty.set(imageView);
    }

    public ImageViewPane() {
        this(new ImageView());
    }

    @Override
    protected void layoutChildren() {
        ImageView imageView = imageViewProperty.get();
        if (imageView != null) {
            imageView.setFitWidth(getWidth());
            imageView.setFitHeight(getHeight());
            layoutInArea(imageView, 0, 0, getWidth(), getHeight(), 0, HPos.CENTER, VPos.CENTER);
        }
        super.layoutChildren();
    }

    public ImageViewPane(ImageView imageView) {
        imageViewProperty.addListener(new ChangeListener<ImageView>() {

            @Override
            public void changed(ObservableValue<? extends ImageView> arg0, ImageView oldIV, ImageView newIV) {
                if (oldIV != null) {
                    getChildren().remove(oldIV);
                }
                if (newIV != null) {
                    getChildren().add(newIV);
                }
            }
        });
        this.imageViewProperty.set(imageView);
    }
}

Alternative Ansätze und zusätzliche Informationen basierend auf Kommentare

Wenn Sie alle das tun, dann ist es eine Schwäche, in der er die JavaFX-Plattform. Idealerweise würde ich es erwarten, wurde die Eigenschaft "Skalierung" auf das Bild, das konnte man so einstellen, dass es verwendet SceneGraph, um zu bestimmen, seine Größe.

Die Lösung, die oben präsentiert ist nur eine Antwort, es gibt andere möglich. Der scene graph kann verwendet werden, durch die Bindung von verschiedenen Eigenschaften für die Breite und Höhe des übergeordneten Knotens oder durch überschreiben layoutChildren in die übergeordneten Knoten.

Verwandte Eigenschaften:

• Es ist ein die Eigenschaft "Skalierung", die angewendet werden kann zu jedem Knoten.
• Ein Knoten hat auch eine transformieren Liste, auf die eine Skala angewendet werden kann.
• Bildansicht hat eine fitWidth und fitHeight Eigenschaften (Nutzung dies zeigt sich auch in anderen Antworten).

Bevorzuge ich die region Unterklasse Ansatz für die Eigenschaft "Skalierung" oder transform-basierten Ansatz, da dann das Bild automatisch die Größe basiert auf der layout-manager. Die ImageViewPane oben definiert ist nur eine einmalige definition der Klasse, die wiederverwendet werden können, wie viel Sie wollen, die eigentlichen Anwendungs-code zu verwenden, eine Bildansicht oder ImageViewPane ist so ziemlich gleichwertig.

Ein weiterer möglicher Ansatz ist die Verwendung eines Region-Unterklasse (z.B. eine Scheibe), die eine definierte CSS-Klasse oder id und dann zu definieren, die Bild in CSS als hintergrund. Die nette Sache über einen CSS-Bild definiert ist, dann können Sie zusätzliche CSS-basierte Attribute zu definieren, die Dinge, wie Größe, Skalierung, Positionierung und wiederholt für das Bild. Diese hintergrund auch programmgesteuert festgelegt wenn gewünscht, anstatt über CSS.

Verwandte Frage:

• Die Größenanpassung der Bilder ein, passen Sie die übergeordneten Knoten

Zu pflegen proportional Höhe und Breite des Bildes

Kann der folgende code verwendet werden, in der ImageViewPane Klasse, sofern oben:

if (imageView.isPreserveRatio()) {
    if (getHeight() > getWidth()) {
        imageView.setFitWidth(getWidth());
        imageView.setFitHeight(0);
    } else {
        imageView.setFitWidth(0);
        imageView.setFitHeight(getHeight());
    }
} else {
    imageView.setFitWidth(getWidth());
    imageView.setFitHeight(getHeight());
}

InformationsquelleAutor jewelsea

Sind Sie auf der Suche nach ändern Sie die Größe eines tatsächlichen Bildes, oder nur die Mitte?

Können Sie versuchen, diese: VBox.setVgrow(root, Priority.ALWAYS); und sehen, ob das, was Sie wollen.

Auch, seien Sie vorsichtig mit Bild, weil es eine png Bild. Ich bin ein bisschen skeptisch was verändert es (das eigentliche Bild oder den transparenten hintergrund).

InformationsquelleAutor GGrec