使用JPanels / JFrames显示？

Question

我已经完成了代码，但是仍然无法获得我正在工作的内容。 我当前的代码显示如下：

使用此代码：

/*
 */
package reader;

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

import java.awt.Color;
import javax.swing.JFrame;
import javax.swing.text.SimpleAttributeSet;
import javax.swing.text.StyleConstants;
import javax.swing.text.StyledDocument;
//import java.lang.Process;


/**
 */
class readerGUI extends JFrame 
{
    JMenuBar menuBar; 
    JMenu menu1, menu2, menu3, menu4;
    JMenuItem menuItem, menuItem1, menuItem2, menuItem3, menuItem4;
    ImageIcon logo;
    JLabel loguin1, loguin2, title;
    JTextArea readerArea;
    JPanel rightSide, leftSide, bottomSide, middleSide;
    String text;
    JButton importBook, removeBook, listBook, searchBook;
    JTextField searchField;


    readerGUI()
    { 
        super("Text \n");       
        String cad = "logo.png";
        //setBackground(Color.blue);
        setLayout(new FlowLayout());


        menuBar = new JMenuBar(); 
title = new JLabel(" Text ");
        add(title);

        menu1 = new JMenu("Link");  
        menuItem = new JMenuItem("Option"); 
        menu2 = new JMenu("Link");
        menuItem1 = new JMenuItem("Option In");
        menuItem2 = new JMenuItem("Option Out");    
        menu3 = new JMenu("Link");
        menuItem3 = new JMenuItem("Option");
        menuBar.add(menu1);
        menuBar.add(menu2);
        menuBar.add(menu3);
        menu1.add(menuItem);
        menu2.add(menuItem1);
        menu2.add(menuItem2);
        menu3.add(menuItem3);
        add(menuBar);



        logo = new ImageIcon(cad);//create icon
        loguin1 = new JLabel(logo);//create label
        loguin2 = new JLabel(logo);//create label
        //loguin.setBounds(150,30,100,100);//where?
        add(loguin1); //add
        add(loguin2);

        rightSide = new JPanel(); //PANEL for buttons  
                rightSide.add(new JLabel("Text:"));
                DefaultComboBoxModel model = new DefaultComboBoxModel();
                model.addElement("Text1");
                model.addElement("Text2");
                model.addElement("Text3");
                JComboBox comboBox = new JComboBox(model);
                rightSide.add(comboBox);

                searchField = new JTextField("", 10);
                rightSide.add(searchField);
                searchBook = new JButton("Search");
                rightSide.add(searchBook);
                add(rightSide);


                text = "\n\t\t LORE IPSUM \n\n"
                        + "commodo nisi. In hac habitasse platea dictumst.\n";

         middleSide = new JPanel(); //PANEL for buttons  



                add(middleSide);

                SimpleAttributeSet sas = new SimpleAttributeSet();
                StyleConstants.setBackground(sas, Color.RED);
                StyledDocument doc;



/* --------- SIDE Menu Panel for Options ----------*/   
        title = new JLabel("Options ");
        add(title);
                leftSide = new JPanel(); //PANEL for buttons  
                importBook = new JButton("Button1");
                leftSide.add(importBook);
                removeBook = new JButton("Button2");
                leftSide.add(removeBook);
                add(leftSide);
        JPanel main = new JPanel(new FlowLayout(FlowLayout.RIGHT));
        JPanel child = new JPanel();
        child.add(new JLabel("Options \n"));
        //main.add(child);

        main.add(leftSide);
        add(main); 


        ActionEventHandler manejador = new ActionEventHandler();

        menuItem.addActionListener(manejador);

    }

      private class ActionEventHandler implements ActionListener
        {
                @Override
                public void actionPerformed( ActionEvent evento)
                {

                        if (evento.getSource() == menuItem)
                                System.exit(0);
                }


      }

}

并希望我的代码显示以下内容：

我知道我离获得它不远，但是我对JPanels和JFrames感到困惑。

Answer 1

一般来说，在这种情况下， FlowLayout可能不是布局管理器的最佳选择。

您可以通过将每个区域划分为单独的组件来开始一个良好的开端，但是您也应该关注其布局要求。

首先，我将基本布局视为BorderLayout 。 这将允许您将“标题”放在BorderLayout.NORTH位置，将“菜单”放在BorderLayout.WEST位置，并将内容放入BorderLayout.CENTER位置

对于标题，我看到了GridBagLayout的用法，因为它使您可以为“标题”赋予比其他组件更多的权重（空间）。

菜单稍微复杂一点，您可以使用GridBagLayout做到这一点，或者通过将“菜单选项”与按钮分开（在单独的容器中），使用BorderLayout作为基础（将“菜单选项”放置在BorderLayout.NORTH和BorderLayout.CENTER位置的按钮），并为按钮使用类似GridLayout东西，例如...

对于“主要内容”，您可以根据需要使用GridLayout或GridBagLayout

浏览一下在容器内布置组件以获取更多想法...