具有画布和Jpanel布局的Jframe

Question

I'm just beginning on making a GUI for a lwjgl engine. I have a canvas on the left hand side and I want to have a JPanel on the right for previewing textures. However as you can see, the image is barely visible. I've tried different Borderlayouts, trying to resize etc.. However I think I'm just doing something fundamentally wrong.

My panel class

public class Panel extends JPanel {
BufferedImage image;

public Panel(){
try {
    image = ImageIO.read(new         
File("C:/Users/tom/Desktop/raj/Jtest/src/AWT/house.png"));
} catch (IOException e) {
    // TODO Auto-generated catch block
    e.printStackTrace();
}

}
public void paintComponent(Graphics g){
 // super.paint(g);

g.drawImage(image,0, 0, null);

}

and here is how I'm trying to implement it.

 public static void main(String[] args) 
  {

     Panel panel = new Panel();
     UIManager.setLookAndFeel("com.jtattoo.plaf.hifi.HiFiLookAndFeel");
     JFrame frame = new JFrame("World Editor");
     frame.setLayout(new BorderLayout());
     final Canvas canvas = new Canvas();

    button1.setSize(100, 100);
    button1.setLocation(600, 10);
   button1.setText("Test");
    canvas.addComponentListener(new ComponentAdapter() {
        @Override

        public void componentResized(ComponentEvent e)
        {  canvas.setSize(800, 600);

            newCanvasSize.set(canvas.getSize());
            }
     });



     frame.setBackground(Color.black);
     frame.add(button1);
     frame.add(panel,BorderLayout.EAST);
     frame.getContentPane().add(canvas,BorderLayout.CENTER);

     try {
        Display.setParent(canvas);
        Display.setVSyncEnabled(true);

        frame.setPreferredSize(new Dimension(1600, 1400));
        frame.setMinimumSize(new Dimension(800, 600));
        frame.pack();
        frame.setVisible(true);

        Display.create();
        etc...

the setup should of been like this http://i.imgur.com/Zitizdx.png

      ePanel panel = new ePanel(0, 0);


      UIManager.setLookAndFeel("com.jtattoo.plaf.hifi.HiFiLookAndFeel");
      JFrame frame = new JFrame("World Editor");

      frame.setLayout(new BorderLayout());
     canvas = new Canvas();
     canvas.setSize(1200, 600);
     frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
     frame.setLayout(new BorderLayout());
     button1.setSize(100, 100);
     button1.setText("TEST");
     frame.add(button1);
     frame.add(canvas,BorderLayout.WEST);
     frame.add(panel, BorderLayout.CENTER);
     frame.pack();
     frame.setLocationRelativeTo(null);
     frame.setVisible(true);

Answer 1

Do you already tried to set the image for a background label and resize it? Something like this: http://www.java2s.com/Code/Java/Swing-JFC/Labelbackgroundiconalign.htm

Answer 2

Don't use a Canvas. That is an AWT class and you should not mix AWT components in a Swing application. I'm not sure what the point of the Canvas is, but you should probably be using a JPanel.

Don't call you class "Panel". There is an AWT class with that name already. Class names should be more descriptive.

In fact, don't even create a custom class. Just use a JLabel with an ImageIcon to display the image. I'm guessing the problem is that you didn't override the getPreferredSize() method of the "Panel" class so the size is (10, 10) by default which is the size the panel will have because you are using a FlowLayout. So either use a JLabel (easy solution) or implement the getPreferredSize() method to reflect the size of the image.

Answer 3

Set a GridLayout to the JFrame new GridLayout(0, 2) http://docs.oracle.com/javase/tutorial/uiswing/layout/grid.html That way, the JFrame has left and right side. Then create and add two JPanels to the Jframe. Do not forget resize the panels and the frame. After that, create a label, set to it an icon image, resize it and add it to the right panel.