Clever Geek Handbook

Why is the picture not showing in swing in java?

I want to display images in the Border-Layout panel in the center. I am creating an image panel as shown below and then adding it to the center of the border layout. I don't know why the image doesn't appear and there is no error either. What could be the cause and how can I fix it?

public class ImagePanel extends WebPanel {
private Image image;
private Image scaledImage;
private int imageWidth = 0;
private int imageHeight = 0;
//constructor
public ImagePanel() {
    super();
}
public void loadImage(String file) throws IOException {
    File filetest= new File("C:\\tmp\\axiuser\\Pictures\\CLA0014.png");
    image = ImageIO.read(filetest);//new File(file)
    imageWidth = image.getWidth(this);
    imageHeight = image.getHeight(this);
    setScaledImage();
}
//e.g., containing frame might call this from formComponentResized
public void scaleImage() {
    setScaledImage();
}
//override paintComponent
public void paintComponent(Graphics g) {
    super.paintComponent(g);
    if ( scaledImage != null ) {
        //System.out.println("ImagePanel paintComponent " + ++paintCount);
        g.drawImage(scaledImage, 0, 0, this);
    }
}
private void setScaledImage() {
    if ( image != null ) {
        //use floats so division below won't round
        float iw = imageWidth;
        float ih = imageHeight;
        float pw = this.getWidth();   //panel width
        float ph = this.getHeight();  //panel height
        if ( pw < iw || ph < ih ) {
            if ( (pw / ph) > (iw / ih) ) {
                iw = -1;
                ih = ph;
            } else {
                iw = pw;
                ih = -1;
            }
            //prevent errors if panel is 0 wide or high
            if (iw == 0) {
                iw = -1;
            }
            if (ih == 0) {
                ih = -1;
            }
            scaledImage = image.getScaledInstance(
                        new Float(iw).intValue(), new Float(ih).intValue(), Image.SCALE_DEFAULT);
        } else {
            scaledImage = image;
        }
    }
}

}

+3


source to share


6 answers


Just override getPreferredSize()

yours JPanel

how you do it with a method paintComponent(...)

. Let it return some object Dimension

, something like:

public Dimension getPreferredSize()
{
    return (new Dimension(300, 300));
}


This will allow you to see your images.

+1


source


You never call your method

public void loadImage (String file)

SSCCE:



import java.awt.*;
import javax.swing.*;
import java.awt.event.*;
import java.io.*;
import javax.imageio.*;

public class ImagePanel extends JPanel {
    private Image image;
    private Image scaledImage;

    public void loadImage (String filename) throws IOException {
        image = ImageIO.read (new File (filename)); 
        setScaledImage ();
    }

    public void paintComponent (Graphics g) {
        super.paintComponent (g);
        if ( scaledImage != null) {
            // System.out.println ("ImagePanel paintComponent ");
            g.drawImage (scaledImage, 0, 0, this);
        }
    } 

    private void setScaledImage () {
        if (image != null) {
            //use floats so division below won't round
            int imageWidth = image.getWidth (this);
            int imageHeight = image.getHeight (this);
            float iw = imageWidth;
            float ih = imageHeight;
            float pw = this.getWidth ();   //panel width
            float ph = this.getHeight ();  //panel height
            if ( pw < iw || ph < ih) {
                if ( (pw / ph) > (iw / ih)) {
                    iw = -1;
                    ih = ph;
                } else {
                    iw = pw;
                    ih = -1;
                }
                //prevent errors if panel is 0 wide or high
                if (iw == 0) {
                    iw = -1;
                }
                if (ih == 0) {
                    ih = -1;
                }
                scaledImage = image.getScaledInstance (
                new Float (iw).intValue (), new Float (ih).intValue (), Image.SCALE_DEFAULT);
            } else {
                scaledImage = image;
            }
        }
    }   

    public static void main (String [] args) throws IOException {
        ImagePanel ip = new ImagePanel ();
        ip.loadImage ("./sample.png");
        JFrame jf = new JFrame ();
        jf.setLayout (new BorderLayout ());
        jf.add (ip, BorderLayout.CENTER);
        jf.setSize (400, 400); 
        jf.setLocation (150, 150);
        jf.setVisible (true);
        jf.setDefaultCloseOperation (JFrame.EXIT_ON_CLOSE);
    }
}

The scaling isn't working yet, but here you have something to start. (Note that I renamed the image).

+1


source


*.png

Reader may not be defined for. You can check the list of available image readers usingImageIO.getReaderFormatNames()

0


source


I think you should set the panel to be opaque:

setOpaque(false)
0


source


Without knowing when your program will actually call paintComponent()

, it is impossible to tell. But if you call your method loadImage

after you've already specified the GUI ( setVisible

), you will need to call repaint()

or invalidate()

on the panel to trigger the component's redraw (and update the GUI that way).

0


source


Consider using it JLabel

to display images.

JLabel myLabel=new JLabel();
myLabel.setIcon(new ImageIcon("C:\\tmp\\axiuser\\Pictures\\CLA0014.png"));
0


source






More articles:


All Articles