displaying images from an array in a gui window using swing in java

Question

I am developing a program that will populate an array with 52 images of cards from a file. I would like to display these images in a gui window. This is for a program that will select five random card images and display them in a gui window. So, right now, i am trying to develop the part of the code which will display images from an array in a window and i am at a loss as to how to display png images in a jframe. This is the code i have so far. I used a system.out.println statement so i know that the array of 52 card images is populating correctly, however, i do not know how to display them properly in a window.

String[] cardsArray = new String[52];

for (int i = 0; i < 52; i++)
{
    cardsArray[i] = "C:\\Users\\mike\\Documents\\NetBeansProjects\\card shuffler\\cards\\\"+String.valueOf(i+1)+".png";
}

System.out.println(Arrays.toString(cardsArray));

additional note. I have to use a jframe to display the results in a side by side layout. I thought to use flowLayout to accomplish this, but, i a not sure how to pass in an array of images. I have no problem doing it with a single image from a file. I am using the code below as a guide.

JFrame myJFrame = new JFrame();

// create and assign a FlowLayout for myFrame
myJFrame.setLayout(new FlowLayout());

// Create a label with an image icon
JLabel jlCSCI = new JLabel(new ImageIcon("CSCI.jpg"));

// add the Label to the frame 
myJFrame.add(jlCSCI); // Add thelabel to MyGridLayout

// set the title, size, location and exit behavior for the frame
myJFrame.setTitle("ImageIcon Demo");
myJFrame.setSize(240, 200);
myJFrame.setLocation(200, 100);
myJFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

// make the frame visible (activate the GUI frame)
myJFrame.setVisible(true);

I am not sure how to develop the statement that would utilize an array that i created within the program.

See my answer to this question for an example of displaying playing cards in a JFrame: example. — Hovercraft Full Of Eels
– Hovercraft Full Of Eels, Commented Nov 3, 2013 at 2:26

Sri Harsha Chilakapati · Accepted Answer · 2013-11-03 02:47:17Z

2

Maybe like this?

for (String imgName : cardsArray)
{
    myJFrame.add(new JLabel(new ImageIcon(imgName)));
}

Hope this helps.

EDIT:

I simply added a JLabel with an Icon to the frame. The ImageIcon class is just an implementation of the Icon interface and it creates an icon by reading an image from file. Creating a JLabel with an Icon will display the icon instead of the text. You can also combine the text and the icon. For more info, check the documentation.

edited Nov 3, 2013 at 2:47

answered Nov 3, 2013 at 2:31

Sri Harsha Chilakapati

12k6 gold badges54 silver badges91 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Michael Queue Over a year ago

that statement works perfectly. I understand that it is a for each statement and myJFrame.add adds an image; however, i am not really sure about the part in parentheses. Would you mind providing a short explanation. I do now want to use code that i do not completely understand. Thanks so much for your help.

Michael Queue Over a year ago

actually i figured it out. I think i was just missing a for each statement when i tried to develop this. THanks again.

Sri Harsha Chilakapati Over a year ago

@MichaelJames Added some explanation.

Collectives™ on Stack Overflow

displaying images from an array in a gui window using swing in java

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related