How to fit Image size to JFrame Size?

Question

I have a JPanel into a JFrame. I loaded a picture on the JPanel but its shown just a part of the picture: This is the part of the code where i did it:

JPanel panelImg = new JPanel()
{
    public void paintComponent(Graphics g)
    {
        Image img = new ImageIcon("Welcome.png").getImage();
        Dimension size = new Dimension(img.getWidth(null), img.getHeight(null));
        setPreferredSize(size);
        setMinimumSize(size);
        setMaximumSize(size);
        setSize(size);
        setLayout(null);
        g.drawImage(img, 0, 0, null);
    }
};
mainFrame.add(panelImg);

So this is how it looks like:

The complete picture looks like this:

enter image description here

Is there a way to scale the picture to the JFrames size? Thanks in advance

Have a look at some of these answers: http://stackoverflow.com/a/12660146/1133011 and here http://stackoverflow.com/a/12996718/1133011 they both show how to display and scale images on `JPanel`/`JFrame`. You will just have to scale it now to frame size via `getWidth()` and `getHeight()` (+1 to @trashgod and @MadProgrammer) — David Kroukamp, Oct 23 '12 at 20:53

score 14 · Answer 1 · edited May 23 '17 at 12:26

14

You want the drawImage() that scales to the target container. See the article cited here for alternatives. For example,

g.drawImage(img, 0, 0, getWidth(), getHeight(), this);

edited May 23 '17 at 12:26

Community

1
1

answered Oct 23 '12 at 20:11

trashgod

200,320
28
229
974

score 13 · Accepted Answer · edited May 23 '17 at 12:18

13

First of all, I wouldn't be loading the image inside the paintComponent method, this method is call repeatedly (and some times in quick succession), you don't want to do anything that takes time to execute or consumes resources unnecessarily

Check out Java: maintaining aspect ratio of JPanel background image for suggestions on filling/fitting images to a given area

edited May 23 '17 at 12:18

Community

1
1

answered Oct 23 '12 at 20:17

MadProgrammer

336,120
22
219
344

Good point about latency; [obligatory example](http://stackoverflow.com/a/4530659/230513). – trashgod Oct 23 '12 at 20:24

score 2 · Answer 3 · edited Apr 15 '15 at 18:07

2

import java.awt.Graphics;
import java.awt.Image;
import javax.swing.JPanel;

public class ImagePanel extends JPanel {

    Image image;

    public void setBackground(Image image) {
        this.image = image;
    }

    @Override
    public void paintComponent(Graphics G) {
        super.paintComponent(G);
        G.drawImage(image, 0, 0, this.getWidth(), this.getHeight(), null);
    }

}

Then use the ImagePanel object method SetBackground like

imagePanel1.SetBackGround(ImageIO.read(new File("extensions/images/background.jpg")));

edited Apr 15 '15 at 18:07

Eng.Fouad

111,301
67
311
403

answered Jul 03 '13 at 12:19

Bishoy Basily

66
5

2

A JPanel is opaque by default. So your implementation of paintComponent potentially violates the its opaqueness contract (if the image isn't completedly non-transparent). To fix, either call super.paintComponent or set the opaque property to false. BTW: Please learn java naming conventions and stick to them. – kleopatra Jul 03 '13 at 13:13
sorry what do you mean by naming conventions !! :/ – Bishoy Basily Aug 29 '13 at 06:37
how about typing _java naming conventions_ into the search field of your faviourite search engine .. ? Or read the corresponding chapter in the tutorial referenced in the swing tag wiki. Or ... anyway: there are rules how to _name_ classes, fields, methods, everything: you violated the method-naming one by starting it with an upper case latter. – kleopatra Aug 29 '13 at 07:21
should i remove this answer?! :D :D – Bishoy Basily Aug 29 '13 at 07:43
edit and rename (to something that doesn't accidentally override a super method :-) – kleopatra Aug 29 '13 at 07:47

score 1 · Answer 4 · edited Apr 15 '15 at 18:04

1

you can try this :

Image img = new ImageIcon(ImageIO.read(new File("welcome.png"))
                               .getScaledInstance(WIDTH, HEIGHT, Image.SCALE_SMOOTH)));

edited Apr 15 '15 at 18:04

Eng.Fouad

111,301
67
311
403

answered Jun 22 '14 at 15:15

AvB

171
2
12

javatar · Answer 5 · 2016-01-01T06:06:54.090

Its Easy. Follow this example,

public class BasePanel extends JPanel {

ImageIcon backImage;
public BasePanel() {
    backImage = new ImageIcon("src/images/welcome.png");
}

@Override
protected void paintComponent(Graphics g) {
    BufferedImage scaledImage = getScaledImage();
    super.paintComponent(g);
    g.drawImage(scaledImage, 0, 0, null);
}

private BufferedImage getScaledImage(){
    BufferedImage image = new BufferedImage(getWidth(),getHeight(), BufferedImage.TYPE_INT_RGB);
    Graphics2D g2d = (Graphics2D) image.createGraphics();
    g2d.addRenderingHints(new RenderingHints(RenderingHints.KEY_RENDERING,RenderingHints.VALUE_RENDER_QUALITY));
    g2d.drawImage(backImage.getImage(), 0, 0,getWidth(),getHeight(), null);

    return image;
}

}

How to fit Image size to JFrame Size?

5 Answers5

Linked

Related