Uploaded image for project: 'JDK'
  1. JDK
  2. JDK-8097162

[Bindings] ImageView with bound fitHeightProperty does not resize properly

    Details

      Description

      I am using Java and JavaFX for my UI, and I want to put an Image after some Label. The Image should be the same height as the Label.

      However, if I bind the `fitHeightProperty` to the Labels height, the Image gets resized correctly, but the AnchorPane around it does not.

      The expected behaviour would be, that the AnchorPane, too, shrinks; together with the Image.

      Edit: The Problem seems to be the same as it is here: http://stackoverflow.com/questions/20610950/scrollpane-containing-imageview-does-not-update-its-scrollbars-after-calling-set, where it is stated that this behaviour is a bug. The AnchorPane does not seem to notice the changed size of the Image. Also I can confirm that updating the scene makes the AnchorPane snap to the desired size (I tried it with changing the label-text on MouseClick).

      Also, the problem can be reproduced with fxml-only (without java-code).

      I have created a code example to reproduce to supposed bug.


          import javafx.application.Application;
          import javafx.scene.Parent;
          import javafx.scene.Scene;
          import javafx.scene.control.Label;
          import javafx.scene.image.Image;
          import javafx.scene.image.ImageView;
          import javafx.scene.layout.AnchorPane;
          import javafx.scene.layout.Border;
          import javafx.scene.layout.BorderStroke;
          import javafx.scene.layout.BorderStrokeStyle;
          import javafx.scene.layout.BorderWidths;
          import javafx.scene.layout.CornerRadii;
          import javafx.scene.layout.Region;
          import javafx.scene.paint.Color;
          import javafx.stage.Stage;

          public class Main extends Application
      {
      public static void main(String[] args)
      {
      launch(args);
      }



      public void start(Stage stage) throws Exception
      {
      //Setup Window
      stage.setTitle("ImageResizeDemo");
      stage.setWidth(400);
      stage.setHeight(400);

      stage.setScene(new Scene(new Main().getUI()));

      stage.show();
      }


      public Parent getUI()
      {
      AnchorPane main = new AnchorPane();
      AnchorPane inner = new AnchorPane();

      Label label = new Label();
      label.setText("Test");
      inner.getChildren().add(label);

      //Load image and bind its height to the height of the label
      ImageView image = new ImageView(new Image(this.getClass().getResourceAsStream("image.png")));
      image.fitHeightProperty().bind(label.heightProperty());
      inner.getChildren().add(image);

      main.getChildren().add(inner);

      //Add dotted borders around the panes to see the size of them
      addDebugBorder(inner);
      addDebugBorder(main);

      return main;
      }



      public static void addDebugBorder(Region region)
      {
      region.borderProperty().set(new Border(new BorderStroke(Color.BLACK, BorderStrokeStyle.DOTTED, CornerRadii.EMPTY, BorderWidths.DEFAULT)));
      }
      }

      To run this, you only need an `image.png` file next to the class.

      This already exists as a StackOverflow question: https://stackoverflow.com/questions/24256099/imageview-does-not-resize-properly

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                msladecek Martin Sládeček
                Reporter:
                duke J. Duke (Inactive)
              • Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Imported: