Swing 四种常见面板

• 基本面板
  
  JPanel即为基本面板 
  面板和JFrame一样都是容器，不过面板一般用来充当中间容器，把组件放在面板上，然后再把面板放在窗体上。 
  一旦移动一个面板，其上面的组件，就会全部统一跟着移动，采用这种方式，便于进行整体界面的设计
  
  
  
  

  package gui;
   
  import java.awt.Color;
  import java.awt.FlowLayout;
   
  import javax.swing.JButton;
  import javax.swing.JFrame;
  import javax.swing.JPanel;
   
  public class TestGUI {
      public static void main(String[] args) {
   
          JFrame f = new JFrame("LoL");
          f.setSize(400, 300);
          f.setLocation(200, 200);
   
          f.setLayout(null);
   
          JPanel p1 = new JPanel();
          // 设置面板大小
          p1.setBounds(50, 50, 300, 60);
          // 设置面板背景颜色
          p1.setBackground(Color.RED);
   
          // 这一句可以没有，因为JPanel默认就是采用的FlowLayout
          p1.setLayout(new FlowLayout());
   
          JButton b1 = new JButton("英雄1");
          JButton b2 = new JButton("英雄2");
          JButton b3 = new JButton("英雄3");
   
          // 把按钮加入面板
          p1.add(b1);
          p1.add(b2);
          p1.add(b3);
   
          JPanel p2 = new JPanel();
          JButton b4 = new JButton("英雄4");
          JButton b5 = new JButton("英雄5");
          JButton b6 = new JButton("英雄6");
   
          p2.add(b4);
          p2.add(b5);
          p2.add(b6);
   
          p2.setBackground(Color.BLUE);
          p2.setBounds(10, 150, 300, 60);
   
          // 把面板加入窗口
          f.add(p1);
          f.add(p2);
   
          f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
   
          f.setVisible(true);
      }
  }

• ContentPanel
  
  JFrame上有一层面板，叫做ContentPane 
  平时通过f.add()向JFrame增加组件，其实是向JFrame上的 ContentPane加东西
  
  

  package gui;
   
  import javax.swing.JButton;
  import javax.swing.JFrame;
   
  public class TestGUI {
      public static void main(String[] args) {
   
          JFrame f = new JFrame("LoL");
          f.setSize(400, 300);
          f.setLocation(200, 200);
          f.setLayout(null);
          JButton b = new JButton("一键秒对方基地挂");
          b.setBounds(50, 50, 280, 30);
   
          f.add(b);
          // JFrame上有一层面板，叫做ContentPane
          // 平时通过f.add()向JFrame增加组件，其实是向JFrame上的 ContentPane加东西
          // f.add等同于f.getContentPane().add(b);
          f.getContentPane().add(b);
   
          // b.getParent()获取按钮b所处于的容器
          // 打印出来可以看到，实际上是ContentPane而非JFrame
          System.out.println(b.getParent());
   
          f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
   
          f.setVisible(true);
      }
  }

• SplitPanel
  
  创建一个水平JSplitPane，左边是pLeft,右边是pRight
  
  
  
  

  package gui;
    
  import java.awt.Color;
  import java.awt.FlowLayout;
    
  import javax.swing.JButton;
  import javax.swing.JFrame;
  import javax.swing.JPanel;
  import javax.swing.JSplitPane;
    
  public class TestGUI {
      public static void main(String[] args) {
    
          JFrame f = new JFrame("LoL");
          f.setSize(400, 300);
          f.setLocation(200, 200);
    
          f.setLayout(null);
    
          JPanel pLeft = new JPanel();
          pLeft.setBounds(50, 50, 300, 60);
    
          pLeft.setBackground(Color.RED);
    
          pLeft.setLayout(new FlowLayout());
    
          JButton b1 = new JButton("盖伦");
          JButton b2 = new JButton("提莫");
          JButton b3 = new JButton("安妮");
    
          pLeft.add(b1);
          pLeft.add(b2);
          pLeft.add(b3);
    
          JPanel pRight = new JPanel();
          JButton b4 = new JButton("英雄4");
          JButton b5 = new JButton("英雄5");
          JButton b6 = new JButton("英雄6");
    
          pRight.add(b4);
          pRight.add(b5);
          pRight.add(b6);
    
          pRight.setBackground(Color.BLUE);
          pRight.setBounds(10, 150, 300, 60);
    
          // 创建一个水平JSplitPane，左边是p1,右边是p2
          JSplitPane sp = new JSplitPane(JSplitPane.HORIZONTAL_SPLIT, pLeft, pRight);
          // 设置分割条的位置
          sp.setDividerLocation(80);
    
          // 把sp当作ContentPane
          f.setContentPane(sp);
    
          f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    
          f.setVisible(true);
      }
  }

• JScrollPanel
  
  使用带滚动条的面板有两种方式
  1. 在创建JScrollPane，把组件作为参数传进去
   
  JScrollPane sp = new JScrollPane(ta);
  
  2. 希望带滚动条的面板现实其他组件的时候，调用setViewportView
   
  sp.setViewportView(ta);
  
  
  
  

  package gui;
   
  import javax.swing.JFrame;
  import javax.swing.JScrollPane;
  import javax.swing.JTextArea;
   
  public class TestGUI {
      public static void main(String[] args) {
   
          JFrame f = new JFrame("LoL");
          f.setSize(400, 300);
          f.setLocation(200, 200);
   
          f.setLayout(null);
          //准备一个文本域，在里面放很多数据
          JTextArea ta = new JTextArea();
          for (int i = 0; i < 1000; i++) {
              ta.append(String.valueOf(i));
          }
          //自动换行
          ta.setLineWrap(true);
          JScrollPane sp = new JScrollPane(ta);
   
          f.setContentPane(sp);
   
          f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
   
          f.setVisible(true);
      }
  }

• TabbedPanel
  
  
  
  

  package gui;
    
  import java.awt.Color;
  import java.awt.FlowLayout;
   
  import javax.swing.ImageIcon;
  import javax.swing.JButton;
  import javax.swing.JFrame;
  import javax.swing.JPanel;
  import javax.swing.JTabbedPane;
    
  public class TestGUI {
      public static void main(String[] args) {
    
          JFrame f = new JFrame("LoL");
          f.setSize(400, 300);
          f.setLocation(200, 200);
    
          f.setLayout(null);
    
          JPanel p1 = new JPanel();
          p1.setBounds(50, 50, 300, 60);
    
          p1.setBackground(Color.RED);
    
          p1.setLayout(new FlowLayout());
    
          JButton b1 = new JButton("英雄1");
          JButton b2 = new JButton("英雄2");
          JButton b3 = new JButton("英雄3");
    
          p1.add(b1);
          p1.add(b2);
          p1.add(b3);
    
          JPanel p2 = new JPanel();
          JButton b4 = new JButton("英雄4");
          JButton b5 = new JButton("英雄5");
          JButton b6 = new JButton("英雄6");
    
          p2.add(b4);
          p2.add(b5);
          p2.add(b6);
    
          p2.setBackground(Color.BLUE);
          p2.setBounds(10, 150, 300, 60);
    
          JTabbedPane tp = new JTabbedPane();
          tp.add(p1);
          tp.add(p2);
    
          // 设置tab的标题
          tp.setTitleAt(0, "红色tab");
          tp.setTitleAt(1, "蓝色tab");
           
          ImageIcon i = new ImageIcon("e:/project/j2se/j.png");
          tp.setIconAt(0,i );
          tp.setIconAt(1,i );
    
          f.setContentPane(tp);
    
          f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    
          f.setVisible(true);
      }
  }

• CardLayerout
  
  CardLayerout 布局器 很像TTabbedPanel ，在本例里面上面是一个下拉框，下面是一个CardLayerout 的JPanel
  这个JPanel里有两个面板，可以通过CardLayerout方便的切换
  
  
  
  

  package gui;
   
  import java.awt.BorderLayout;
  import java.awt.CardLayout;
  import java.awt.event.ItemEvent;
  import java.awt.event.ItemListener;
   
  import javax.swing.JButton;
  import javax.swing.JComboBox;
  import javax.swing.JFrame;
  import javax.swing.JPanel;
  import javax.swing.JTextField;
   
  public class TestGUI {
   
      public static void main(String[] args) {
          JFrame f = new JFrame("CardLayerout");
   
          JPanel comboBoxPane = new JPanel();
          String buttonPanel = "按钮面板";
          String inputPanel = "输入框面板";
          String comboBoxItems[] = { buttonPanel, inputPanel };
          JComboBox<String> cb = new JComboBox<>(comboBoxItems);
          comboBoxPane.add(cb);
   
          // 两个Panel充当卡片
          JPanel card1 = new JPanel();
          card1.add(new JButton("按钮 1"));
          card1.add(new JButton("按钮 2"));
          card1.add(new JButton("按钮 3"));
   
          JPanel card2 = new JPanel();
          card2.add(new JTextField("输入框", 20));
   
          JPanel cards; // a panel that uses CardLayout
          cards = new JPanel(new CardLayout());
          cards.add(card1, buttonPanel);
          cards.add(card2, inputPanel);
   
          f.add(comboBoxPane, BorderLayout.NORTH);
          f.add(cards, BorderLayout.CENTER);
   
          f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
          f.setSize(250, 150);
          f.setLocationRelativeTo(null);
          f.setVisible(true);
   
          cb.addItemListener(new ItemListener() {
   
              @Override
              public void itemStateChanged(ItemEvent evt) {
                  CardLayout cl = (CardLayout) (cards.getLayout());
                  cl.show(cards, (String) evt.getItem());
              }
          });    
      }
           
  }