Thread: Problems with JavaFX viewport

https://gist.github.com/9080a576efc0...923f5374e193ca

Hi I removed the second StackPane so that the two objects only run through the first. Commenting out the viewports resulted in one full image.

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.geometry.Rectangle2D;
 
public class PP4o11TEST extends Application {
 
 
    public void start(Stage primaryStage) 
    {
 
    Image img= new Image("gull.jpg");
    ImageView imgView = new ImageView(getClass().getResource("gull.jpg").toExternalForm());
 
    Image img2= new Image("gull.jpg");
    ImageView imgView2 = new ImageView(getClass().getResource("gull.jpg").toExternalForm());;
 
    imgView.setViewport(new Rectangle2D(200,80,70,60));
    imgView2.setViewport(new Rectangle2D(400,100,30,90));
 
    StackPane pane= new StackPane(imgView,imgView2);
    pane.setStyle("-fx-background-color:cornsilk");
 
    Scene scene= new Scene(pane, 500, 350);
 
    primaryStage.setTitle("Viewport Gull");
    primaryStage.setScene(scene);
    primaryStage.show();
    }
}

The WxH is 400 x 265 px.

StackPane determines the position of the children element...perhaps I should use a FlowPane instead
https://docs.oracle.com/javafx/2/lay...s.htm#CHDGHCDG

If you mean for the viewport with Rectangle 2D that was for the constraint. Otherwise it was initalized so that the objects could be referenced for ImageView

Hmm it says that it overlaps one each other like text placed over an image. But there is an alignment that can make it look like this https://docs.oracle.com/javafx/2/lay...hbox_stack.png

Yes but I figured out it's the viewport that's causing the issue so I removed the second viewport. I'm curious as to how you've resolved it using Stackpane? The code already looks very close to completion

Same, based on the description StackPane would be more suitable for text ontop of an object or image.

I switched over to FlowPane and got rid of the second viewport. Works now with a Group and call to children objects.