一、 Swing相关的概念：
- 1. GUI：（Graphical User Interface）：图形化用户界面，通过图形化的方式提供与用户交互的平台，向用户展示信息、收集用户提交的数据。
- 2. Swing：是Java用于开发图形化用户界面的一个模块，其中提供了类似于HTML的一些组件，如：按钮、输入框、文本域等。
- 3. JFrame：是一个容器，是在进行Swing组件开发时的一个组织管理其他组件的特殊类，类似于Windows中的窗口，具体使用过程中可以通过“继承他”、“创建它的对象”访问其属性和方法。
- 4. JPanel：面板，若将整个JFrame窗口设计为一种单一的布局模式，不能满足我们设计的需求，因此会将组件（如：按钮、输入框、文本域等）放置到JPanel中，再将JPanel放置到JFrame中。
二、 Swing中常用的组件：
- 1. 按钮组件（JButton）
- 2. 文本框（JTextField）
- 3. 密码框（JPasswordField）
- 4. 文本域（JTextArea）
- 5. 标签（JLabel）
- 6. 单选按钮（JRadioButton）
- 7. 复选按钮（JCheckBox）
- 8. 下拉按钮（JComboBox）
- 9. 列表框（JList）
- 10. 滚动窗体组件（JScrollPane）容器类组件
- 11. 面板（JPanel）容器类组件
三、 流式布局管理器：（FlowLayout）
流式布局管理器就像流水一样，也像打字时从上到下，从左到右依次排列。
代码参见：com.oop.ch14.FlowLayoutTest
package com.oop.ch14; import java.awt.FlowLayout; import javax.swing.JButton;
import javax.swing.JFrame; /**
* 练习流式布局管理器的使用，从上到下，从左到右
*/
public class FlowLayoutTest extends JFrame {
private static final long serialVersionUID = 1L; public static void main(String[] args) {
FlowLayoutTest flowLayoutTest = new FlowLayoutTest();
flowLayoutTest.view(); } private void view() {
//1、创建组件元素（以按钮为例）
JButton jb1,jb2,jb3,jb4,jb5;
jb1 = new JButton("按钮1");
jb2 = new JButton("按钮2");
jb3 = new JButton("按钮3");
jb4 = new JButton("按钮4");
jb5 = new JButton("按钮5"); //2、将以上创建号的组件元素放置到JFrame窗体中
this.add(jb1);
this.add(jb2);
this.add(jb3);
this.add(jb4);
this.add(jb5); //3、设置JFrame窗体的一些参数
//设置布局管理器为流式布局，对齐方式、行间距、列间距
this.setLayout(new FlowLayout(FlowLayout.CENTER,5,10));
//设置在关闭窗体时默认要执行的操作，通常时退出程序本身
this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
//设置窗体起始位置、宽高
this.setBounds(200, 150, 200, 300);
//设置窗体可见性
this.setVisible(true);
//设置窗体标题
this.setTitle("流式布局管理器"); }
}
四、 网格布局管理器：（GridLayout）
网格布局管理器与HTML中的table表格一样，需要设置行数、列数、行间距、列间距
代码参见：com.oop.ch14. GridLayoutTest
package com.oop.ch14; import java.awt.GridLayout; import javax.swing.JButton;
import javax.swing.JFrame; /**
* 练习网格布局管理器GridLayout
* 需要设置行数、列数、行间距、列间距
*
*/
public class GridLayoutTest { public static void main(String[] args) {
JFrame jFrame = new JFrame("网格布局管理器"); //1、创建组件元素（以按钮为例）
JButton jb1,jb2,jb3,jb4,jb5;
jb1 = new JButton("按钮1");
jb2 = new JButton("按钮2");
jb3 = new JButton("按钮3");
jb4 = new JButton("按钮4");
jb5 = new JButton("按钮5"); //2、将以上创建号的组件元素放置到JFrame窗体中
jFrame.add(jb1);
jFrame.add(jb2);
jFrame.add(jb3);
jFrame.add(jb4);
jFrame.add(jb5); //3、设置JFrame窗体的一些参数
//设置布局管理器为网格布局，需要设置行数、列数、列间距、行间距
jFrame.setLayout(new GridLayout(4,3,10,15));
//设置在关闭窗体时默认要执行的操作，通常时退出程序本身
jFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
//设置窗体起始位置、宽高
jFrame.setBounds(200, 150, 200, 300);
//设置窗体可见性
jFrame.setVisible(true);
} }
五、 边界布局管理器：（BorderLayout）
将容器分为东、南、西、北、中五个组成部分，通过String类型的静态常量可以设置组件元素放置在容器的哪个位置，是默认的布局管理器。
代码参见：com.oop.ch14. BorderLayoutTest
package com.oop.ch14; import java.awt.BorderLayout; import javax.swing.JButton;
import javax.swing.JFrame; /**
* 练习使用边界 布局管理器BorderLayout
*将容器分为东、南、西、北、中五个组成部分，
*通过String类型的静态常量可以设置组件元素放置在容器的哪个位置，是默认的布局管理器。
*/
public class BorderLayoutTest {
public static void main(String[] args) {
JFrame jFrame = new JFrame("边界布局管理器"); //1、创建组件元素（以按钮为例）
JButton jb1,jb2,jb3,jb4,jb5;
jb1 = new JButton("按钮1");
jb2 = new JButton("按钮2");
jb3 = new JButton("按钮3");
jb4 = new JButton("按钮4");
jb5 = new JButton("按钮5"); //2、将以上创建号的组件元素放置到JFrame窗体中
//通过String类型的静态常量可以设置组件元素放置在容器的哪个位置
jFrame.add(jb1,BorderLayout.EAST);
jFrame.add(jb2,BorderLayout.SOUTH);
jFrame.add(jb3,BorderLayout.WEST);
jFrame.add(jb4,BorderLayout.NORTH);
jFrame.add(jb5,BorderLayout.CENTER); //3、设置JFrame窗体的一些参数 //设置在关闭窗体时默认要执行的操作，通常时退出程序本身
jFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
//设置窗体起始位置、宽高
jFrame.setBounds(200, 150, 300, 300);
//设置窗体可见性
jFrame.setVisible(true);
}
}
六、 使用面板布局（JPanel）:
以上是将组件元素直接放置在窗体JFrame中，整个窗体就是一种布局管理器，不利于完成更复杂的布局，因此需要使用JPanel面板。使用的流程：组件==》面板==》窗体。
代码参见：com.oop.ch14. JPanelTest
package com.oop.ch14; import java.awt.BorderLayout;
import java.awt.FlowLayout;
import java.awt.GridLayout; import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JPasswordField;
import javax.swing.JTextField; /**
* 练习使用面板JPanel
* 以上是将组件元素直接放置在窗体JFrame中，整个窗体就是一种布局管理器，
* 不利于完成更复杂的布局，因此需要使用JPanel面板。
*
* 使用的流程：组件==》面板==》窗体。
*
*/
public class JPanelTest {
public static void main(String[] args) {
JFrame jFrame = new JFrame("面板布局"); //1、创建组件元素：按钮、输入框、密码框
JButton jb1,jb2,jb3,jb4,jb5;
jb1 = new JButton("按钮1");
jb2 = new JButton("按钮2");
jb3 = new JButton("按钮3");
jb4 = new JButton("按钮4");
jb5 = new JButton("按钮5"); JLabel jLabel1 ;
JLabel jLabel2;
jLabel1 = new JLabel("用户名：");
jLabel2 = new JLabel("密 码："); //可写30个字符
JTextField jTextField = new JTextField(30);
JPasswordField jPasswordField = new JPasswordField(30); //2、创建面板：用于放置上中下三块内容
JPanel jPanel1 = new JPanel() ;
JPanel jPanel2 = new JPanel() ;
JPanel jPanel3 = new JPanel() ;
//设置面板布局
jPanel1.setLayout(new GridLayout(3,2,10,5));
jPanel2.setLayout(new FlowLayout(FlowLayout.LEFT,5,10));
jPanel3.setLayout(new BorderLayout(5,5)); //组件放入面板
jPanel1.add(jb1);
jPanel1.add(jb2);
jPanel1.add(jb3);
jPanel1.add(jb4);
jPanel1.add(jb5); jPanel2.add(jLabel1);
jPanel2.add(jTextField); jPanel3.add(jLabel2,BorderLayout.WEST);
jPanel3.add(jPasswordField); //面板放入窗体
jFrame.add(jPanel1);
jFrame.add(jPanel2);
jFrame.add(jPanel3); //设置窗体布局
jFrame.setLayout(new FlowLayout(FlowLayout.CENTER,5,10));
//设置在关闭窗体时默认要执行的操作，通常是退出程序本身
jFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
//设置窗体起始位置、宽高
jFrame.setBounds(200, 150, 400, 300);
//设置窗体可见性
jFrame.setVisible(true);
}
}
七、 使用卡片布局管理器（CardLayout）：
是将组件元素放置在同一个位置，通过“事件”触发切换。
代码参见：com.oop.ch14. CardLayoutTest
package com.oop.ch14; import java.awt.BorderLayout;
import java.awt.CardLayout;
import java.awt.Color;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener; import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel; /**
*练习使用卡片布局管理器
*
*将组件元素放置在同一个位置，通过“事件”触发切换。
*/
public class CardLayoutTest {
static CardLayout cardLayout = new CardLayout();
static JPanel jp_images = new JPanel(cardLayout); public static void main(String[] args) {
JFrame jFrame = new JFrame("卡片布局管理器");
//1、定义需要的组件元素：面板、按钮
JPanel jp_image1,jp_image2,jp_image3;
jp_image1 = new JPanel();
jp_image2 = new JPanel();
jp_image3 = new JPanel();
//设置图片面板的背景，模拟在卡片上放置一张图片
jp_image1.setBackground(Color.RED);
jp_image2.setBackground(Color.GREEN);
jp_image3.setBackground(Color.BLUE);
//创建放置卡片的面板，同时将卡片布局管理器传入其中
//jp_images = new JPanel(cardLayout);
//将放置了图片的子面板放置到jp_iamges中
jp_images.add(jp_image1);
jp_images.add(jp_image2);
jp_images.add(jp_image3);
//定义jp_button面板放置按钮
JPanel jp_button;
jp_button = new JPanel();
//准备两个按钮
JButton jb_pre,jb_next;
jb_pre = new JButton("上一张");
jb_next = new JButton("下一张");
//将按钮放置到面板中
jp_button.add(jb_pre,BorderLayout.WEST);
jp_button.add(jb_next,BorderLayout.EAST); //2、将已经包含了组件元素的两个面板放置到窗体中
jFrame.add(jp_images);
jFrame.add(jp_button, BorderLayout.SOUTH); //3、设置JFrame窗体的一些参数
//设置在关闭窗体时默认要执行的操作，通常时退出程序本身
jFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
//设置窗体起始位置、宽高
jFrame.setBounds(200, 150, 400, 300);
//设置窗体可见性
jFrame.setVisible(true); /**
* 4、给上一张、下一张两个按钮添加点击事件
* 具体实施时需要通过”匿名内部类“来完成
* “匿名内部类”是一个方法中的一个类
* 但它没有名字，他要实现ActionListener接口，并实现其中的监听方法
*/
jb_pre.addActionListener(new ActionListener() {
@Override
public void actionPerformed(ActionEvent e) {
cardLayout.previous(jp_images);
} }); jb_next.addActionListener(new ActionListener() {
@Override
public void actionPerformed(ActionEvent e) {
cardLayout.next(jp_images);
} }); } /*
//如果实现ActionListener接口可以用实现方法的方式做
@Override
public void actionPerformed(ActionEvent e) { }*/
}
使用Swing和网络编程实现的demo，可以在不同主机上进行聊天
package com.oop.ch14; import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import java.io.IOException;
import java.net.*;
public class GuiChat extends JFrame {
private static final int DEFAULT_PORT = 8899;
// 把主窗口分为NORTH、CENTER和SOUTH三个部分
private JLabel stateLB; // 显示监听状态
private JTextArea centerTextArea; // 显示聊天记录
private JPanel southPanel; // 最下面的面板
private JTextArea inputTextArea; // 聊天输入框
private JPanel bottomPanel; // 放置 IP输入框，按钮等
private JTextField ipTextField; // IP输入框
private JTextField remotePortTF; // 端口号输入框
private JButton sendBT; // 发送按钮
private JButton clearBT; // 清除聊天记录按钮
private DatagramSocket datagramSocket; // 用于后面功能的实现
private void setUpUI() { // 初始化Swing窗口
// 初始化窗口
setTitle("GUI聊天");
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setSize(400, 400); // 设置窗口的大小
setResizable(false); // 窗口大小不可调整
setLocationRelativeTo(null); // 窗口居中
// 窗口的NORTH部分
stateLB = new JLabel("当前还未启动监听");
stateLB.setHorizontalAlignment(JLabel.RIGHT);
// 窗口的CENTER部分
centerTextArea = new JTextArea(); // 聊天记录显示区域
centerTextArea.setEditable(false);
centerTextArea.setBackground(new Color(211, 211, 211));
// 窗口的SOUTH部分
southPanel = new JPanel(new BorderLayout());
inputTextArea = new JTextArea(5, 20);// 内容输入区域
bottomPanel = new JPanel(new FlowLayout(FlowLayout.CENTER, 5, 5));
ipTextField = new JTextField("127.0.0.1", 8);
remotePortTF = new JTextField(String.valueOf(DEFAULT_PORT), 3);
sendBT = new JButton("发送");
clearBT = new JButton("清屏");
bottomPanel.add(ipTextField);
bottomPanel.add(remotePortTF);
bottomPanel.add(sendBT);
bottomPanel.add(clearBT);
southPanel.add(new JScrollPane(inputTextArea), BorderLayout.CENTER);
southPanel.add(bottomPanel, BorderLayout.SOUTH);
// 添加窗口NORTH、CENTER、SOUTH部分的组件
add(stateLB, BorderLayout.NORTH);
add(new JScrollPane(centerTextArea), BorderLayout.CENTER);
add(southPanel, BorderLayout.SOUTH);
setVisible(true);
}
private void setListener() {
// 为sendBT按钮添加事件监听器
sendBT.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
// 获取发送的目标ip地址和端口号
final String ipAddress = ipTextField.getText();
final String remotePort = remotePortTF.getText();
// 判断ip地址和端口号是否为空
if (ipAddress == null || ipAddress.trim().equals("")
|| remotePort == null || remotePort.trim().equals("")) {
JOptionPane.showMessageDialog(GuiChat.this, "请输入IP地址和端口号");
return;
}
if (datagramSocket == null || datagramSocket.isClosed()) {
JOptionPane.showMessageDialog(GuiChat.this, "监听不成功");
return;
}
// 获得需要发送的内容
String sendContent = inputTextArea.getText();
byte[] buf = sendContent.getBytes();
try {
// 将发送的内容显示在自己的聊天记录中
centerTextArea.append("我对 " + ipAddress + ":" + remotePort
+ " 说：\n" + inputTextArea.getText() + "\n\n");
// 添加内容后，使滚动条自动滚动到最底端
centerTextArea.setCaretPosition(centerTextArea.getText()
.length());
// 发送数据
datagramSocket.send(new DatagramPacket(buf, buf.length,
InetAddress.getByName(ipAddress), Integer
.parseInt(remotePort)));
inputTextArea.setText("");
} catch (IOException e1) {
JOptionPane.showMessageDialog(GuiChat.this, "出错了,发送不成功");
e1.printStackTrace();
}
};
});
// 为clearBT按钮添加事件监听器
clearBT.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
centerTextArea.setText(""); // 清空聊天记录的内容
}
});
}
private void initSocket() {
int port = DEFAULT_PORT;
while (true) {
try {
if (datagramSocket != null && !datagramSocket.isClosed()) {
datagramSocket.close();
}
try { // 判断端口号是否在1-65535之间
port = Integer.parseInt(JOptionPane.showInputDialog(this,
"请输入端口号", "端口号", JOptionPane.QUESTION_MESSAGE));
if (port < 1 || port > 65535) {
throw new RuntimeException("端口号超出范围");
}
} catch (Exception e) {
JOptionPane.showMessageDialog(null,
"你输入的端口不正确，请输入1-65535之间的数");
continue; // 端口不正确重新填写
}
// 启动DatagramSocket
datagramSocket = new DatagramSocket(port);
startListen(); // 调用startListen方法
// 在stateLB中显示程序监听的端口号
stateLB.setText("已在 " + port + " 端口监听");
break;
} catch (SocketException e) { // 端口号被占用重新填写
JOptionPane.showMessageDialog(this, "端口已被占用，请重新设置端口");
stateLB.setText("当前还未启动监听");
}
}
}
private void startListen() {
new Thread() {
private DatagramPacket p;
public void run() {
byte[] buf = new byte[1024];
// 创建DatagramPacket
p = new DatagramPacket(buf, buf.length);
while (!datagramSocket.isClosed()) {
try {
datagramSocket.receive(p); // 接收聊天消息
// 添加到聊天记录框
centerTextArea.append(p.getAddress().getHostAddress()
+ ":"
+ ((InetSocketAddress) p.getSocketAddress())
.getPort() + " 对我说：\n"
+ new String(p.getData(), 0, p.getLength())
+ "\n\n");
// 使滚动条自动滚动到最底端
centerTextArea.setCaretPosition(centerTextArea
.getText().length());
} catch (IOException e) {
e.printStackTrace();
}
}
}
}.start();
}
public GuiChat() {
setUpUI();
initSocket();
setListener();
}
public static void main(String[] args) {
new GuiChat();
}
}