码农公社  210.net.cn  210是何含义？10月24日是程序员节，1024 =210、210既

210

之意。

Swing 四种常见面板

示例 1 : 基本面板

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

}

}

示例 2 : ContentPane

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

}

}

示例 3 : 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);

}

}

示例 4 : 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

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

}

}

示例 5 : 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);

}

}

示例 6 : CardLayerout

CardLayerout 布局器 很像TabbedPanel ，在本例里面上面是一个下拉框，下面是一个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 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());

}

});

}

}