Resizing an image when resizing JPanel at the same time

Question

The problem with my code is that my image only gets the beginning size of the JFrame - but I want it to change size every time the user changes the size of the window.

Also should the image size be relative to JFrame size or its JPanel? If so, how would I achieve that?

Here is my code:

import javax.imageio.ImageIO;
import javax.swing.*;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.net.MalformedURLException;
import java.net.URL;

public class MainFrame extends JFrame {

private JPanel card1;
private JPanel principalPanel,centerPanel;
private BufferedImage image;

public MainFrame() {

    setSize(800,600);
    setLocationRelativeTo(null);
    setDefaultCloseOperation(EXIT_ON_CLOSE);
    setVisible(true);

    URL url = null;
    try {
        url = new URL("https://i.stack.imgur.com/7bI1Y.jpg");
    } catch (MalformedURLException e) {

    }
    try {
        image = ImageIO.read(url);
    } catch (IOException e) {
        System.out.println("Can not find image");
    }


    Image scaledImage = image.getScaledInstance(this.getWidth(),
            this.getHeight(),Image.SCALE_SMOOTH);

    card1 = new JPanel() {
        @Override
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            g.drawImage(scaledImage,0,0,this);
        }
    };

    centerPanel = new JPanel();
    centerPanel.setLayout(new CardLayout());
    centerPanel.add(card1,"1");

    principalPanel = new JPanel();
    principalPanel.setLayout(new BorderLayout());
    principalPanel.add(centerPanel,BorderLayout.CENTER);

    setContentPane(principalPanel);
}

public static void main(String[] args) {
    SwingUtilities.invokeLater(new Runnable() {
        @Override
        public void run() {
            new MainFrame();
        }
    });
}
}

Yes, @JuniorDev to hotlink means to use the link to retrieve the image in your project. But please create a proper [mcve] (read the link) before this question gets more downvotes or gets closed (or both), and don't forget to indent it correctly. [Here](https://stackoverflow.com/questions/44649569/align-textview-and-image-on-same-line-java/44656048#44656048) is an example of how to hotlink images (as well as an example of a good MCVE (which means you can copy-paste the code and see the same output without doing anything but click "run") and you should create one as well) — Frakcool, Apr 11 '18 at 22:58
Yes i saw that next time i will write an understandable and minimum code to summarize the problem @Andrew Thompson thank you an other time — TryingToGetBetter, Apr 12 '18 at 00:16

Andrew Thompson · Accepted Answer · 2018-04-11T23:59:42.093

The image could (indeed should) be scaled in the paintComponent(Graphics) method. That way it can change to whatever size the panel is.

See also the comments in the code:

import javax.imageio.ImageIO;
import javax.swing.*;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.net.URL;

public class MainFrame2 extends JFrame {

    private JPanel card1;
    private BufferedImage image;

    public MainFrame2() {

        setSize(800, 600);
        setLocationRelativeTo(null);
        setDefaultCloseOperation(EXIT_ON_CLOSE);

        try {
            // if there is a problem with URL - no point trying to load
            URL url = new URL("https://i.stack.imgur.com/7bI1Y.jpg");
            image = ImageIO.read(url);
        } catch (Exception e) {
            System.out.println("Problem loading image");
            e.printStackTrace();
        }

        /* The frame will actually be larger than the panel. 
        Better to scale the image to the SIZE OF THE PANEL ...
        Image scaledImage = image.getScaledInstance(this.getWidth(),
                this.getHeight(), Image.SCALE_SMOOTH); */

        card1 = new JPanel() {
            @Override
            protected void paintComponent(Graphics g) {
                super.paintComponent(g);
                // .. this is how.
                g.drawImage(image, 0, 0, getWidth(), getHeight(), this);
            }
        };

        setContentPane(card1);

        setVisible(true); // this should be last! 
    }

    public static void main(String[] args) {
        SwingUtilities.invokeLater(new Runnable() {
            @Override
            public void run() {
                new MainFrame2();
            }
        });
    }
}

`// .. this is how.` Note: That's **one way** to do it. There are a number of ways of scaling an image. — Andrew Thompson, Apr 11 '18 at 23:58

Resizing an image when resizing JPanel at the same time

1 Answers1