面板和JFrame一样都是容器,只不过面板是中间容器,把组件放在面板上,然后再把面板放在窗体上。移动面板位置,面板上的所有组件都会一起移动,便于进行整体界面的设计。

  1. Jpanel基本面板
public class TestJpanl {

    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);
    }

}
  1. ContentPane
    JFrame上有一层面板,叫做ContentPane。
    平时通过f.add()向JFrame增加组件,其实是向JFrame上的ContentPane加东西。
public class TestContentPane {
    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);
    }
}
  1. JSplitPane
    水平分割的面板
public class TestJSplitPane {
    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.gray);

        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.darkGray);
        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);
    }
}
  1. JScrollPanel
    带滚动条的面板
public class TestJScrollPane {
    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);

//        sp.setViewportView(ta);//这个和上面构造器传入参数作用一样

        f.setContentPane(sp);

        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        f.setVisible(true);
    }
}
  1. TabbedPanel
    选项卡面板,与多标签页的浏览器类似。
    public class TestJTabbedPane {
    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(Objects.requireNonNull(TestGUI2.class.getClassLoader().getResource("1.png")));
     tp.setIconAt(0, i);
     tp.setIconAt(1, i);
    
     f.setContentPane(tp);
    
     f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    
     f.setVisible(true);
    

    }
    }

Q.E.D.


擅长前端的Java程序员