Thread: javadisplay images

Originally Posted by stresstedout

are you able to show me a little example? also what is inital pack??? and where does this code go??

Ok, try the following example (note: it's a bit compact/contrived, just to be short. Don't do this in "real" apps!).

import java.awt.*;
import javax.swing.*;
 
public class GridLayoutTest {
    public static void main(String[] args) {
        SwingUtilities.invokeLater(new Runnable() {
            public void run() {
                JFrame frame = new JFrame("GridLayout test");
                frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
 
                ImageIcon icon = new ImageIcon("icon.jpg");
 
                JPanel gridPanel = new JPanel(new GridLayout(2, 2, 6, 6));
                gridPanel.setBackground(Color.YELLOW);
                for (int i = 0; i < 4; i++) {
                    gridPanel.add(new JLabel(icon));
                }
 
                frame.getContentPane().add(gridPanel, BorderLayout.CENTER);
                frame.pack();
                frame.setVisible(true);
            }
        });
    }
}

Note: icon.gif must be in the current directory. Change it to what you want.

Try to enlarge the frame. You will see that the gridPanel (highlighted in yellow) always fill the entire content pane. And the space between images can be large, depending on the frame size.

Now, instead of:

frame.getContentPane().add(gridPanel, BorderLayout.CENTER);

put:

JPanel flowPanel = new JPanel();
flowPanel.add(gridPanel);
frame.getContentPane().add(flowPanel, BorderLayout.CENTER);

JPanel has, by default, a FlowLayout. FlowLayout respects the "preferred" size of components. See yourself the difference!

How can i get the image to go under the button

Is that your question? Can you describe what that means? The posted image in #54 shows 4 columns of images in a rectangle with a grey rectangle beneath it. Is that what you want to change? What do you want to change it to?

Please post the code that creates the GUI shown in the image in post#55

What do you mean by "on top"? Is an object "on top" if its image is closer to the top of the window?

xxx
yyy
Here xxx is "on top" of yyy

What does "on top" mean? Did you see my questions in post#56?

Do you mean that in any location on the grid there is either an image shown or a button is shown?

When posting code: Please wrap your code with code tags:
[code=java]
YOUR CODE HERE
[/code]
to get highlighting and preserve formatting.


What layout manager does the code use?

sorry i forgot about the code,

By "on top" do you mean that in any location on the grid there is either an image shown or a button is shown? Never both.


The posted code needs formatting. Nested statements need to be indented. Too many statements are starting in the first column. See post#51 for an example.

BTW main is NOT a good name for a class. It is confused with the method: main()

there is a bottom layer which has a images and top layer has buttons.

Would it look like this on the window. BBB for buttons, IMG for images:
BBB1 BBB2 BBB3 ...
IMG1 IMG2 IMG3 ...

There are two rows of objects show in the window: the top row shows buttons, the bottom row shows images.

Or would it be like this:
XXX XXX XXX ...
XXX XXX XXX ...

Where XXX is a location on the window where either an image is shown or a button is shown.

Sorry, I don't go to other sites.

If it is not one of the two choices I asked about, I don't understand what you are asking.

What is wrong with this explanation?
would it be like this:
XXX XXX XXX ...
XXX XXX XXX ...

Where XXX is a location on the window where either an image is shown or a button is shown.

There is no top or beneath. There is a region on the window where either an image is shown or a button is shown.

Did you read my last post? What is wrong with the description I posted there?

look at this.. we have buttons and on top we have images..

In the image in post#65 I see 5 rows with 4 columns of rectangles all containing images. Where are the buttons in that image?


Make a small simple program that uses an image file from the hard drive and creates a window that shows what you are talking about. Don't use a database .

Originally Posted by stresstedout

how would you get the images to be under the buttons instead of then being assigned to be on top. maybe this will help with what im askn help for.

In my answer #42 I told you one thing and I can repeat here.

If you want that every cell (of GridLayout) contains a JLabel and a JButton, you have to create, for each cell, a new JPanel with a layout manager that disposes label and button as you desire.

Can you make a small, complete program that compiles, executes and shows the problem?

Originally Posted by stresstedout

i tried that it didnt work so i changed it. oh man

So you want the button above and image (label) below?

JPanel cellPanel = new JPanel(new BorderLayout());
cellPanel.add(yourButton, BorderLayout.NORTH);
cellPanel.add(yourLabel, BorderLayout.CENTER);
// add cellPanel into panel with GridLayout

All this for each cell in GridLayout.

[QUOTE=andbin;138438]So you want the button above and image (label) below?

How have you tried using the code provided by andbin? You need to try and when you have problems, post the code and the error messages.

Please edit the post and properly format the code. Nested statements need to be indented. Too many statements are starting in the first column. See post#51 for an example.

For testing the creation of the GUI, forget about using a database and read the image from a disk file:

          ImageIcon icon = new ImageIcon("path to image here");

You don't need the database to work on the GUI problem you are having. For testing you can use a single image read from the disk.

Later when the GUI is working, you can put in the code to read from the database.

[QUOTE=andbin;138438]So you want the button above and image (label) below?

Originally Posted by stresstedout

ITS STILL PUTTING THEM BESIDE EACH OTHER

LY FORMATTED I WILL DO

Originally Posted by stresstedout

I KNOW ITS NOT PROPERLY FORMATTED I WILL DO ONCE I GET THE BUTTONS ON TOP OF THOSE LABELS. PLEASE HELP ME

First, I am very disappointed by the fact that I continue to give my help and you don't understand.

I have told you to create, for each cell in GridLayout, a new JPanel that contains JButton and JLabel (laid out with BorderLayout) and put that panel (not button/label) into the GridLayout. I have also posted a valid code.
And this is not what you have done in your last code!

This is my last advice:

......
while (result.next()) {
    ........
    JButton button = ...........
    JLabel lPhoto = ...........
    ........
 
    JPanel cellPanel = new JPanel(new BorderLayout());
    cellPanel.add(button, BorderLayout.NORTH);
    cellPanel.add(lPhoto, BorderLayout.CENTER);
    yourContainerWithGridLayout.add(cellPanel);
    ........
}

Where yourContainerWithGridLayout is the container that has the GridLayout. I don't known now (to be honest I am only confused by all your posted code ....) what is your container with the GridLayout. You must to know, at least, this.