ImageIcon is displayed as a small square

Question

where is the problem. It does not show image properly.

default.png = *********

what i see = *********

I dont think there is a problem with png. It is also in my src and I refreshed it on eclipse.

codes:

import java.awt.*;

import javax.swing.*;

public class Main {

public static void main(String[] args) {


    JFrame jf = new JFrame();

    jf.setTitle( "test");
    jf.setLayout( new FlowLayout());
    jf.setSize(350, 450);
    jf.setVisible(true);
    jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);


    jf.add(new Panel());

}

}

panel:

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


public class Panel extends JPanel {

// PROPERTIES

public ImageIcon icon;

// CONSTRUCTORS

public Panel() {

    icon = new ImageIcon(this.getClass().getResource("default.png"));
}

public void paintComponent(Graphics g)
{
    super.paintComponent(g);
    g.drawImage(icon.getImage(), 0, 0, null);

}


}

Answer 1

This answer addresses my criticism of the answer by the OP. The example incorporates the advice added in various comments.

import java.awt.*;
import java.awt.image.BufferedImage;
import javax.swing.*;

import java.net.URL;
import javax.imageio.ImageIO;
import javax.swing.border.LineBorder;

public class Main {

    public static void main(String[] args) throws Exception {
        URL url = new URL("http://i.imgur.com/o0E0aGD.png");
        BufferedImage bi = ImageIO.read(url);
        JFrame jf = new JFrame();

        jf.setTitle("test");
        jf.setLayout(new FlowLayout());
        //jf.setSize(350, 450); just pack()
        jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        jf.add(new BackgroundImagePanel(bi));

        jf.pack();
        jf.setMinimumSize(jf.getSize());
        jf.setVisible(true);
    }
}

class BackgroundImagePanel extends JPanel {

    public Image img;

    // CONSTRUCTOR
    public BackgroundImagePanel(Image img) {
        this.img = img;
        this.setBorder(new LineBorder(Color.RED, 2));
    }

    public void paintComponent(Graphics g) {
        super.paintComponent(g);
        g.drawImage(img, 0, 0, this);
        // g.drawImage(img, 0, 0, getWidth(), getHeight(), this);  // Better!
    }

    @Override
    public Dimension getPreferredSize() {
        Dimension d = super.getPreferredSize();
        int w = d.width>img.getWidth(this) ? d.width : img.getWidth(this);
        int h = d.height>img.getHeight(this) ? d.height : img.getHeight(this);

        return new Dimension(w, h);
    }
}

Answer 2

I solved this by adding at Panel class constructor:

setPreferredSize(new Dimension( 500, 500 ));