web-dev-qa-db-ja.com

親ノードに合わせて画像のサイズを変更する

ImageViewで画像を取得して、常に親ノードに適合するように自動的にサイズ変更するにはどうすればよいですか？

以下に小さなコード例を示します。

@Override
public void start(Stage stage) throws Exception {
    BorderPane pane = new BorderPane();
    ImageView img = new ImageView("http://...");

    //didn't work for me:
    //img.fitWidthProperty().bind(new SimpleDoubleProperty(stage.getWidth())); 

    pane.setCenter(img);

    Scene scene = new Scene(pane);
    stage.setScene(scene);
    stage.show();
}
imageviewjavafx-2scaling
31
rbs
@Override
public void start(Stage stage) throws Exception {
    BorderPane pane = new BorderPane();
    ImageView img = new ImageView("http://...");

    img.fitWidthProperty().bind(stage.widthProperty()); 

    pane.setCenter(img);

    Scene scene = new Scene(pane);
    stage.setScene(scene);
    stage.show();
}
57
The Unfun Cat

これは、widthプロパティをバインドするよりも優れたソリューションです（多くの場合、子をコンテナにバインドするとき、コンテナを小さくすることができない場合があります。他の場合、コンテナは自動的に成長を開始することさえあります）。

以下のソリューションは、ImageViewをオーバーライドして「サイズ変更可能」として動作させ、最小、優先、および最大の幅/高さの実装を提供することに依存しています。また、resize（）呼び出しを実際に実装することも重要です。

class WrappedImageView extends ImageView
{
    WrappedImageView()
    {
        setPreserveRatio(false);
    }

    @Override
    public double minWidth(double height)
    {
        return 40;
    }

    @Override
    public double prefWidth(double height)
    {
        Image I=getImage();
        if (I==null) return minWidth(height);
        return I.getWidth();
    }

    @Override
    public double maxWidth(double height)
    {
        return 16384;
    }

    @Override
    public double minHeight(double width)
    {
        return 40;
    }

    @Override
    public double prefHeight(double width)
    {
        Image I=getImage();
        if (I==null) return minHeight(width);
        return I.getHeight();
    }

    @Override
    public double maxHeight(double width)
    {
        return 16384;
    }

    @Override
    public boolean isResizable()
    {
        return true;
    }

    @Override
    public void resize(double width, double height)
    {
        setFitWidth(width);
        setFitHeight(height);
    }
}
8
user458577

この問題を解決するには、ScrollPaneまたは単にペインを使用します。例：

 img_view1.fitWidthProperty().bind(scrollpane_imageview1.widthProperty()); 
 img_view1.fitHeightProperty().bind(scrollpane_imageview1.heightProperty());
4
Akshay Goyal

ImageViewをWindowsフレーム内に収めるには、次のコード行を使用します。imageView.fitWidthProperty（）。bind（scene.widthProperty（））。

ステージではなくシーンのwidthPropertyを使用していることに注意してください。例：

import Java.io.FileNotFoundException;
import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.image.ImageView;
import javafx.stage.Stage;

public class MapViewer extends Application {

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

    @Override
    public void start(Stage primaryStage) throws FileNotFoundException {
        String strTitle = "Titulo de la Ventana";
        int w_width = 800;
        int w_height = 412;
        primaryStage.setTitle(strTitle);
        primaryStage.setWidth(w_width);
        primaryStage.setHeight(w_height);

        Group root = new Group();
        Scene scene = new Scene(root);

        final ImageView imv = new ImageView("file:C:/Users/utp/Documents/1.2008.png");
        imv.fitWidthProperty().bind(scene.widthProperty());
        imv.setPreserveRatio(true);

        root.getChildren().add(imv);
        primaryStage.setScene(scene);
        primaryStage.show();

    }

}

ステージ（primaryStage）のアスペクトラジオは、画像のアスペクトラジオ（1.2008.png）に類似している必要があります。

1
dew

これは、スクロールバーの幅を削除する幅の​​計算方法です。

最初：
myImageView.setPreserveRatio(true);

スクロールバーの幅の変化を監視します：

_scrollPane.widthProperty().addListener((observable, oldValue, newValue) -> {
            myImageView.setFitWidth(newValue.doubleValue() - (oldValue.doubleValue() - scrollPane.getViewportBounds().getWidth()));
        });
_

scrollBarの幅：
oldValue.doubleValue() - scrollPane.getViewportBounds().getWidth()

初期化幅を設定するにはどうすればよいですか？
primaryStage.show();の後

myImageView.setFitWidth(scrollPane.getViewportBounds().getWidth());

0
sambuca