JAVA核心：Swing程序设计

青旅半醒 2022-12-27 08:55 168阅读 0赞

### 文章目录 ###

*  1. Swing 概述
 *   *  1.1 Swing 特点
     *  1.2 Swing 包
     *  1.3 常用Swing组件概述
 *  2. 常用窗体
 *   *  2.1 JFrame窗体
     *  2.2 JDialog窗体（对话框窗体）
 *  3. 标签组件与图标
 *   *  3.1 标签的使用
     *  3.2 图标的使用
     *   *  3.2.1 创建图标
         *  3.2.2 使用图片图标
 *  4. 常用布局管理器
 *   *  4.1 绝对布局
     *  4.2 流布局管理器
     *  4.3 边界布局管理器
     *  4.4 网络布局管理器
     *  4.5 网格组布局管理器
 *  5. 常用面板
 *   *  5.1 JPanel面板
     *  5.2 滚动面板
 *  6. 按钮组件
 *   *  6.1 提交按钮组件
     *  6.2 单选按钮组件
     *  6.3 复选框
 *  7. 列表组件
 *   *  7.1 下拉列表框组件
     *   *  7.1.1 JComboBox类
         *  7.2.2 JComboBox模型
     *  7.2 列表框组件
 *  8. 文本组件
 *   *  8.1 文本框组件
     *  8.2 密码框组件
     *  8.3 文本域组件
 *  9. 常用监听事件
 *   *  9.1 监听事件简介
     *  9.2 动作事件监听器
     *  9.3 焦点事件监听器

# 1. Swing 概述 #

## 1.1 Swing 特点 ##

原来的AWT组件来自java.awt包，当含有AWT组件的Java应用程序在不同的平台上执行时，每个平台的GUI组件的显示会有所不同，但是在不同平台上运行使用Swing开发的应用程序时，就可以统一GUI组件的显示风格，因为Swing组件允许编程人员在跨平台时指定统一的外观和风格。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 1]

## 1.2 Swing 包 ##

为了有效地使用Swing组件，必须了解Swing包的层次结构和继承关系，其中比较重要的类是Component类、Container类和JComponent类。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 2]  
在Swing组件中最重要的父类是Container类，而Container类有两个最重要的子类，分别是`java.awt.Window`和`java.awt.Frame`，除了以往的AWT类组件会继承这两个类之外，现在的Swing组件也扩展了这两个类。

## 1.3 常用Swing组件概述 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 3]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 4]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 5]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 6]

# 2. 常用窗体 #

## 2.1 JFrame窗体 ##

JFrame窗体是一个容器，它是Swing程序中各个组件的载体，可以将JFrame看作是承载这些Swing组件的容器。在开发应用程序时可以通过继承java.swing.JFrame类创建一个窗体，在这个窗口中添加组件，同时为组件设置事件。由于该窗体继承了JFrame类，所以它拥有一些最大化、最小化、关闭的按钮。

JFrame在程序中的语法格式如下：

JFrame jf = new JFrame(title);
    Container container = jf.getContainerPane();

*  jf：JFrame类的对象。
 *  container：Container类的对象，可以使用JFrame对象调用getContainerPane()方法获取。

Swing组件的窗体通常与组件和容器相关，所以在JFrame对象创建完成后，需要调用getContainerPane()方法将窗体转换为容器，然后在容器中添加组件或设置布局管理器。

例如：

container.add(new JButton("按钮"));
    container.remove(new JButton("按钮"));

例子：

import java.awt.*;//导入awt包
    import javax.swing.*;//导入swing包
    
    public class Demo extends JFrame {
        // 定义一个类继承JFrame类
    
    	public void CreateJFrame(String title) {
        // 定义一个CreateJFrame方法
    		JFrame jf = new JFrame(title);// 实例化一个JFrame对象
    		Container container = jf.getContentPane();// 获取一个容器
    		JLabel jl = new JLabel("这是一个JFrame窗体");// 创建一个JLabel标签
    		jl.setHorizontalAlignment(SwingConstants.CENTER);// 使标签上的文字居中
    
    		container.add(jl);// 将标签添加到容器中
    		container.setBackground(Color.white);// 设置容器的背景颜色
    		jf.setVisible(true);// 使窗体可视
    		jf.setSize(400, 300);// 设置窗体大小
    		jf.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);// 设置窗体关闭方式
    
    	}
    
    	public static void main(String[] args) {
        // 在主方法中调用CreateJFrame()方法
    		Demo demo = new Demo();
    		demo.CreateJFrame("创建一个 JFrame窗体");
    	}
    
    }

运行结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 7]

## 2.2 JDialog窗体（对话框窗体） ##

JDialog窗体的功能是从一个窗体中弹出另一个窗体，就像是在使用IE浏览器时弹出的确定对话框一样。JDialog窗体实质上就是另一种类型的窗体，它与JFrame窗体类似，JDialog窗体在使用时也需要调用getContentPane()方法将窗体转换为容器，然后在容器中设置窗体的特性。

通常，使用以下几个JDialog类的构造方法：

*  public JDialog()：创建一个没有标题和父窗体的对话框。
 *  public JDialog(Frame f)：创建一个指定父窗体的对话框，但该窗体没有标题。
 *  public JDialog(Frame f, boolean model)：创建一个指类型的对话框，并指定父窗体，但该窗体没有指定标题。
 *  public JDialog(Frame f, String model)：创建一个指定标题和父窗口的对话框。
 *  public JDialog(Frame f, String title, boolean model)：创建一个指定标题、窗体和模式的对话框。

例子：

import java.awt.Container;
    import java.awt.FlowLayout;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    
    import javax.swing.*;
    
    public class Demo extends JDialog {
        
    	public Demo(JFrame frame) {
        
    		/*
    		 * 第一个参数：父窗体对象 第二个参数：对话框标题 第三个参数：是否阻塞父窗体
    		 */
    		super(frame, "对话框标题", true);
    		Container c = getContentPane();
    		c.add(new JLabel("这是一个对话框"));
    
    		setBounds(100, 100, 100, 100);
    	}
    
    	public static void main(String[] args) {
        
    		JFrame f = new JFrame("父窗体");
    		f.setBounds(50, 50, 300, 300);
    		Container c = f.getContentPane();
    		JButton btn = new JButton("弹出对话框");
    		c.setLayout(new FlowLayout());
    		c.add(btn);
    		f.setVisible(true);
    		f.setDefaultCloseOperation(EXIT_ON_CLOSE);
    
    		btn.addActionListener(new ActionListener() {
        
    
    			@Override
    			public void actionPerformed(ActionEvent arg0) {
        
    				Demo d = new Demo(f);
    				d.setVisible(true);// 设置窗体可见
    
    			}
    		});// 添加动作监听
    
    	}
    
    }

运行结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 8]

# 3. 标签组件与图标 #

在Swing中显示文本或提示信息的方式是使用标签，它支持文本字符串和图标。

## 3.1 标签的使用 ##

标签由JLabel类定义，它的父类为JComponent类。

标签可以显示一行只读文本、一个图像或带图像的文本，它并不能产生任何类型的事件，只是简单地显示文本和图片，但是可以使用标签的特性指定标签上文本的对齐方式。

JLabel类提供了多种构造方法，这样可以创建多种标签，如显示只有文本的标签、只有图标的标签或是包含文本与图标的标签。

JLabel类常用的几个构造方法：

*  public JLabel()：创建一个不带图标和文本的JLabel对象。
 *  public JLabel(Icon icon)：创建一个带图标的JLabel对象。
 *  public JLabel(Icon icon, int aligment)：创建一个带图标的JLabel对象，并设置图标水平对齐方式。
 *  public JLabel(String text, int aligment)：创建一个带文本的JLabel，并设置文字水平对齐方式。
 *  public JLabel(String text, Icon icon, int aligment)：创建一个带文本、带图标的JLabel对象，并设置标签内容的水平对齐方式。

例子：

import java.awt.Color;
    import java.awt.Container;
    import java.awt.Font;
    
    import javax.swing.*;
    
    public class Demo extends JFrame {
        
    	public Demo() {
        
    		setBounds(100, 100, 100, 100);
    		setDefaultCloseOperation(EXIT_ON_CLOSE);
    		Container c = getContentPane();
    		setVisible(true);
    
    		JLabel l = new JLabel("这是一个标签");
    		l.setFont(new Font("楷体", Font.BOLD, 15));// 更改标签字体
    		l.setForeground(Color.RED);// 更改字体颜色
    //		l.setText("更改标签内容");
    //		System.out.println(l.getText());
    		c.add(l);
    
    	}
    
    	public static void main(String[] args) {
        
    		new Demo();
    	}
    
    }

运行结果：  
![在这里插入图片描述][20201212114501653.png]

## 3.2 图标的使用 ##

Swing中的图标可以放置在按钮、标签等组件上，用于描述组件的用途。图标可以用Java支持的图片文件类型进行创建，也可以使用java.awt.Graphics类提供的功能方法来创建。

### 3.2.1 创建图标 ###

在Swing中通过Icon接口来创建图标，可以在创建时给定图标的大小、颜色等特性。如果使用Icon接口，必须实现接口中的3个方法：

*  public int getIconHeight()
 *  public int getIconWidth()
 *  public void paintIcon(component arg(), Graphics arg1, int arg2, int arg3)

`getIconHeight()`与`getIconWidth()`方法用于获取图标的长与宽，`paintIcon()`方法用于实现在指定坐标位置画图。

### 3.2.2 使用图片图标 ###

Swing利用`javax.swing.ImageIcon`类根据现有图片创建图标，`ImageIcon`实现了Icon接口，同时java支持多种图片格式。

`ImageIcon`类有多个构造方法，下面是几个常用构造方法：

*  public ImageIcon()：创建一个通用的ImageIcon对象，当真正需要设置图片时再使用ImageIcon对象调用setImage(Image image)方法来操作。
 *  public ImageIcon(Image image)：可以直接从图片源创建图标。
 *  public ImageIcon(Image image, String description)：除了可以从图片源创建图标之外，还可以为这个图标添加简短的描述，但这个描述不会在图标上显示，可以使用getDescription()方法获取这个描述。
 *  public ImageIcon(URL url)：利用位于计算机网络上的图像文件创建图标。

例子：

import java.awt.Container;
    import java.net.URL;
    import javax.swing.*;
    
    public class Demo extends JFrame {
        
    	public Demo() {
        
    		setBounds(100, 100, 800, 350);
    		setDefaultCloseOperation(EXIT_ON_CLOSE);
    		Container c = getContentPane();
    
    		JLabel l = new JLabel("这是一个展示图片的标签");
    		URL url = Demo.class.getResource("vehicle.png");// 获取图片URL路径
    
    		Icon icon = new ImageIcon(url);// 获取相应路径下的图片文件
    		l.setIcon(icon);// 添加图片
    		c.add(l);
    
    		setVisible(true);
    
    	}
    
    	public static void main(String[] args) {
        
    		new Demo();
    	}
    
    }

运行结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 9]

# 4. 常用布局管理器 #

## 4.1 绝对布局 ##

在Swing中，除了使用布局管理器之外也可以使用绝对布局。绝对布局，顾名思义，就是硬性指定组件在容器中的位置和大小，可以使用绝对坐标的方式来指定组件的位置。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 10]  
使用绝对布局的步骤如下：

（1）使用Container.setLayout(null)方法取消布局管理器。  
（2）使用Component.setBounds()方法设置每个组件的大小与位置。

import java.awt.Container;
    import javax.swing.*;
    
    public class Demo extends JFrame {
        
    	public Demo() {
        
    		setBounds(100, 100, 200, 150);
    		setDefaultCloseOperation(EXIT_ON_CLOSE);
    		Container c = getContentPane();
    
    		c.setLayout(null);// 将容器的布局设为绝对布局
    		JButton bt1 = new JButton("按钮1"), bt2 = new JButton("按钮2");// 创建2个按钮
    		bt1.setBounds(10, 30, 80, 30);// 设置按钮在容器中的坐标和大小
    		bt2.setBounds(60, 70, 100, 20);
    		c.add(bt1);
    		c.add(bt2);
    
    		setVisible(true);
    
    	}
    
    	public static void main(String[] args) {
        
    		new Demo();
    	}
    
    }

运行结果：  
![在这里插入图片描述][20201212152920770.png]

## 4.2 流布局管理器 ##

流布局管理器是布局管理器中最基本的布局管理器。流布局管理器在整个容器中的布局正如其名，像“流”一样从左到右摆放组件，直到占据了这一行的所有空间，然后再向下移动一行。默认情况下，组件在每一行上都是居中排列的，但是通过设置也可以更改组件在每一行上的排列位置。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 11]  
FlowLayout类中具有以下常用的构造方法：

*  public FlowLayout()
 *  public FlowLayout(int alignment)
 *  public FlowLayout(int alignment,int horizGap,int vertGap)

构造方法中的alignment参数表示使用流布局管理器后组件在每一行的具体摆放位置。

import java.awt.Container;
    import java.awt.FlowLayout;
    
    import javax.swing.*;
    
    public class Demo extends JFrame {
        
    	public Demo() {
        
    		setBounds(100, 100, 300, 200);
    		setDefaultCloseOperation(EXIT_ON_CLOSE);
    		Container c = getContentPane();
    
    		c.setLayout(new FlowLayout(FlowLayout.LEFT,20,20));// 将容器的布局设置为流布局，设置为左对齐，间隔为20像素
    		for(int i=0;i<10;i++) {
        
    			c.add(new JButton("按钮"+i));//循环添加按钮组件
    		}
    
    		setVisible(true);
    
    	}
    
    	public static void main(String[] args) {
        
    		new Demo();
    	}
    
    }

运行结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 12]  
通过拉伸对话框，可以得到：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 13]

## 4.3 边界布局管理器 ##

在默认不指定窗体布局的情况下，Swing组件的布局模式是BorderLayout布局管理器。边界布局管理器可以将容器划分为东、南、西、北、中5个区域，可以将组件加入到这5个区域中。容器调用Container类的add()方法添加组件时可以设置此组件在边界布局管理器中的区域，区域的控制可以由BorderLayout类中的成员变量来决定，这些成员变量的具体含义如下表所示。

![在这里插入图片描述][20201212154635148.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 14]  
例子：

import java.awt.BorderLayout;
    import java.awt.Container;
    import javax.swing.*;
    
    public class Demo extends JFrame {
        
    	public Demo() {
        
    		setBounds(100, 100, 350, 200);
    		setDefaultCloseOperation(EXIT_ON_CLOSE);
    		Container c = getContentPane();
    
    		c.setLayout(new BorderLayout());// 将容器的布局设置为边界布局
    		JButton bt1 = new JButton("中"),
    				bt2 = new JButton("东"), 
    				bt3 = new JButton("西"),
    				bt4 = new JButton("南"),
    				bt5 = new JButton("北");
    
    		c.add(bt1, BorderLayout.CENTER);// 中部添加按钮
    		c.add(bt2, BorderLayout.EAST);// 东部添加按钮
    		c.add(bt3, BorderLayout.WEST);// 西部添加按钮
    		c.add(bt4, BorderLayout.SOUTH);// 南部添加按钮
    		c.add(bt5, BorderLayout.NORTH);// 北部添加按钮
    
    		setVisible(true);
    
    	}
    
    	public static void main(String[] args) {
        
    		new Demo();
    	}
    
    }

运行结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 15]

## 4.4 网络布局管理器 ##

网格布局管理器将容器划分为网格，所以组件可以按行和列进行排列。在网格布局管理器中，每一个组件的大小都相同，并且网格中的空格的个数由网格的行数和列数决定，例如一个两行两列的网格能产生4个大小相等的网格。组件从网格的左上角开始，按照从左到右、从上到下的顺序加入到网格中，而且每一个组件都会填满整个网格，改变窗体的大小，组件也会随之而改变大小。

常用构造方法：

*  public GridLayout(int rows, int columns)
 *  public GridLayout(int rows, int columns, int horizGap, int vertGap)

`rows`与`columns`参数代表网格的行数和列数，两个参数只有一个可以为0，代表一行或一列可以排列任意多个组件；参数`horizGap`和`vertGap`指定网格之间的距离，其中`horizGap`参数指定网格之间的水平距离，`vertGap`参数指定网格之间的垂直距离。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 16]

import java.awt.Container;
    import java.awt.GridLayout;
    
    import javax.swing.*;
    
    public class Demo extends JFrame {
        
    	public Demo() {
        
    		setBounds(100, 100, 300, 300);
    		setDefaultCloseOperation(EXIT_ON_CLOSE);
    		Container c = getContentPane();
    
    		c.setLayout(new GridLayout(7, 3, 5, 5));// 将容器的布局设置为网格布局,7行3列，水平和垂直间距均为5像素
    
    		for (int i = 0; i < 20; i++) {
        
    			c.add(new JButton("按钮" + i));
    		}
    
    		setVisible(true);
    
    	}
    
    	public static void main(String[] args) {
        
    		new Demo();
    	}
    
    }

运行结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 17]

## 4.5 网格组布局管理器 ##

由`GridBagLayout`类实现的布局管理器称为网格组布局管理器，它实现了一个动态的矩形网格，这个矩形网格由无数个矩形单元格组成，每个组件可以占用一个或多个这样的单元格。所谓动态的矩形网格，就是可以根据实际需要随意增减矩形网格的行数和列数。

在向由`GridBagLayout`类管理的容器中添加组件时，需要为每个组件创建一个与之关联的`GridBagConstraints`类的对象，通过该类中的属性可以设置组件的布局信息，例如组件在网格组中位于第几行、第几列，以及需要占用几行几列等。

通过`GridBagLayout`类实现的矩形网格的绘制方向由容器决定，如果容器的方向是从左到右，则位于矩形网格左上角的单元格的列索引为0，此时组件左上角的点为起始点；如果容器的方向是从右到左，则位于矩形网格右上角的单元格的列索引为0，此时组件右上角的点为起始点。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 18]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 19]

**（1）gridx和gridy属性**

这两个属性用来设置组件起始点所在单元格的索引值。需要注意的是，属性`gridx`设置的是X轴（即网格水平方向）的索引值，所以它表示的是组件起始点所在列的索引；属性`gridy`设置的是Y轴（即网格垂直方向）的索引值，所以它表示的是组件起始点所在行的索引，如下图所示。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 20]

运行结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 21]  
**（2）gridwidth和gridheight属性**

这两个属性用来设置组件占用网格组的行数和列数。属性`gridwidth`为组件占用网格组的列数，也可以理解为以单元格为单位组件的宽度；属性`gridheight`为组件占用网格组的行数，也可以理解为以单元格为单位组件的高度，如下图所示。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 22]

import java.awt.Container;
    import java.awt.GridBagConstraints;
    import java.awt.GridBagLayout;
    
    import javax.swing.JButton;
    import javax.swing.JFrame;
    
    public class Demo {
        
    	JFrame f = new JFrame();// 主窗体
    	Container c;// 主容器
    
    	void createFrame() {
        
    		c = f.getContentPane();
    		c.setLayout(new GridBagLayout());
    		f.setSize(800, 600);
    		f.setLocationRelativeTo(null);
    		f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    	}
    
    	void createButton() {
        
    		for (int i = 0; i < 9; i++) {
        
    			GridBagConstraints g1 = new GridBagConstraints();
    			g1.gridx = i;
    			g1.gridy = 0;
    			c.add(new JButton("组件"), g1);
    
    			GridBagConstraints g2 = new GridBagConstraints();
    			g2.gridx = 0;
    			g2.gridy = i;
    			c.add(new JButton("组件"), g2);
    		}
    	}
    
    	void init2() {
        
    		GridBagConstraints g1 = new GridBagConstraints();
    		g1.gridx = 1;
    		g1.gridy = 1;
    		c.add(new JButton("组件1"), g1);
    
    		GridBagConstraints g2 = new GridBagConstraints();
    		g2.gridx = 2;
    		g2.gridy = 2;
    		g2.gridwidth = 2;
    		g2.gridheight = 1;
    		c.add(new JButton("组件2"), g2);
    
    		GridBagConstraints g3 = new GridBagConstraints();
    		g3.gridx = 3;
    		g3.gridy = 3;
    		g3.gridwidth = 2;
    		g3.gridheight = 2;
    		c.add(new JButton("组件3"), g3);
    	}
    
    	public static void main(String[] args) {
        
    		Demo d = new Demo();
    		d.createFrame();
    		d.createButton();
    		d.init2();
    		d.f.setVisible(true);
    	}
    }

运行结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 23]  
**（3）fill属性**

属性fill用来设置组件的填充方式。当单元格显示区域的面积大于组件面积时，或者一个组件占用多个单元格时，显示组件可能不必占用所有显示区域，在这种情况下可以通过fill属性设置组件的填充方式。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 24]

import java.awt.Container;
    import java.awt.GridBagConstraints;
    import java.awt.GridBagLayout;
    
    import javax.swing.JButton;
    import javax.swing.JFrame;
    
    public class Demo {
        
    	JFrame f = new JFrame();// 主窗体
    	Container c;// 主容器
    
    	void createFrame() {
        
    		c = f.getContentPane();
    		c.setLayout(new GridBagLayout());
    		f.setSize(800, 600);
    		f.setLocationRelativeTo(null);
    		f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    	}
    
    	void createButton() {
        
    		for (int i = 0; i < 9; i++) {
        
    			GridBagConstraints g1 = new GridBagConstraints();
    			g1.gridx = i;
    			g1.gridy = 0;
    			c.add(new JButton("组件"), g1);
    
    			GridBagConstraints g2 = new GridBagConstraints();
    			g2.gridx = 0;
    			g2.gridy = i;
    			c.add(new JButton("组件"), g2);
    		}
    	}
    	
    	void init3() {
        
    		GridBagConstraints g1 = new GridBagConstraints();
    		g1.gridx = 1;
    		g1.gridy = 1;
    		g1.gridwidth = 2;
    		g1.gridheight = 2;
    		c.add(new JButton("NONE"), g1);
    
    		GridBagConstraints g2 = new GridBagConstraints();
    		g2.gridx = 3;
    		g2.gridy = 1;
    		g2.gridwidth = 2;
    		g2.gridheight = 2;
    		g2.fill=GridBagConstraints.HORIZONTAL;// 水平填充
    		c.add(new JButton("HORIZONTAL"), g2);
    
    		GridBagConstraints g3 = new GridBagConstraints();
    		g3.gridx = 5;
    		g3.gridy = 1;
    		g3.gridwidth = 2;
    		g3.gridheight = 2;
    		g3.fill=GridBagConstraints.VERTICAL;// 垂直填充
    		c.add(new JButton("VERTICAL"), g3);
    		
    		GridBagConstraints g4 = new GridBagConstraints();
    		g4.gridx = 7;
    		g4.gridy = 1;
    		g4.gridwidth = 2;
    		g4.gridheight = 2;
    		g4.fill=GridBagConstraints.BOTH;// 全填充
    		c.add(new JButton("BOTH"), g4);
    	}
    
    
    	public static void main(String[] args) {
        
    		Demo d = new Demo();
    		d.createFrame();
    		d.createButton();
    		d.init3();
    		d.f.setVisible(true);
    	}
    }

得到结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 25]  
**（4）anchor属性**

属性anchor用来设置组件在其所在显示区域的显示位置。通常将显示区域从方向上划分为9个方位，分别为北方（NORTH）、东北（NORTHEAST）、东方（EAST）、东南（SOUTHEAST）、南方（SOUTH）、西南（SOUTHWEST）、西方（WEST）、西北（NORTHWEST）和中心（CENTER），如下图所示：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 26]

import java.awt.Color;
    import java.awt.Container;
    import java.awt.GridBagConstraints;
    import java.awt.GridBagLayout;
    
    import javax.swing.JButton;
    import javax.swing.JFrame;
    import javax.swing.JPanel;
    
    public class Demo {
        
    	JFrame f = new JFrame();// 主窗体
    	Container c;// 主容器
    
    	void createFrame() {
        
    		c = f.getContentPane();
    		c.setLayout(new GridBagLayout());
    		f.setSize(800, 600);
    		f.setLocationRelativeTo(null);
    		f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    	}
    
    	void createButton() {
        
    		for (int i = 0; i < 9; i++) {
        
    			GridBagConstraints g1 = new GridBagConstraints();
    			g1.gridx = i;
    			g1.gridy = 0;
    			c.add(new JButton("组件"), g1);
    
    			GridBagConstraints g2 = new GridBagConstraints();
    			g2.gridx = 0;
    			g2.gridy = i;
    			c.add(new JButton("组件"), g2);
    		}
    	}
    	
    	void init4() {
        
    		GridBagConstraints g1 = new GridBagConstraints();
    		g1.gridx = 1;
    		g1.gridy = 1;
    		g1.gridwidth = 2;
    		g1.gridheight = 2;
    		g1.anchor = GridBagConstraints.SOUTHWEST;
    		c.add(new JButton("@"), g1);
    		
    		g1.fill = GridBagConstraints.BOTH;
    		JPanel p = new JPanel();
    		p.setBackground(Color.green);
    		c.add(p,g1);
    		
    	}
    
    	public static void main(String[] args) {
        
    		Demo d = new Demo();
    		d.createFrame();
    		d.createButton();
    		d.init4();
    		d.f.setVisible(true);
    	}
    }

结果如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 27]  
**（5）insets属性**

属性`insets`用来设置组件四周与单元格边缘之间的最小距离。该属性的类型为Insets，Insets类仅有一个构造方法Insets(int top, int left, int bottom, int right)，它的4个入口参数依次为组件上方、左侧、下方和右侧的最小距离，单位为像素，如下图所示，默认为没有距离。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 28]

package JAVALearining;
    
    import java.awt.Color;
    import java.awt.Container;
    import java.awt.GridBagConstraints;
    import java.awt.GridBagLayout;
    import java.awt.Insets;
    
    import javax.swing.JButton;
    import javax.swing.JFrame;
    import javax.swing.JPanel;
    
    public class Demo {
        
    	JFrame f = new JFrame();// 主窗体
    	Container c;// 主容器
    
    	void createFrame() {
        
    		c = f.getContentPane();
    		c.setLayout(new GridBagLayout());
    		f.setSize(800, 600);
    		f.setLocationRelativeTo(null);
    		f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    	}
    
    	void createButton() {
        
    		for (int i = 0; i < 9; i++) {
        
    			GridBagConstraints g1 = new GridBagConstraints();
    			g1.gridx = i;
    			g1.gridy = 0;
    			c.add(new JButton("组件"), g1);
    
    			GridBagConstraints g2 = new GridBagConstraints();
    			g2.gridx = 0;
    			g2.gridy = i;
    			c.add(new JButton("组件"), g2);
    		}
    	}
    	
    	void init5() {
        
    		GridBagConstraints g1 = new GridBagConstraints();
    		g1.gridx = 1;
    		g1.gridy = 1;
    		g1.insets = new Insets(5, 5, 5, 10);
    		c.add(new JButton("@"), g1);
    	}
    
    	public static void main(String[] args) {
        
    		Demo d = new Demo();
    		d.createFrame();
    		d.createButton();
    		d.init5();
    		d.f.setVisible(true);
    	}
    }

运行结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 29]  
**（6）ipadx和ipady属性**

这两个属性用来修改组件的首选大小。属性ipadx用来修改组件的宽度，属性ipady用来修改组件的高度。如果为正数，则在首选大小的基础上增加指定的宽度和高度，如左图所示，如果为负数，则在首选大小的基础上减小指定的宽度和高度，如下图所示。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 30]

package JAVALearining;
    
    import java.awt.Color;
    import java.awt.Container;
    import java.awt.GridBagConstraints;
    import java.awt.GridBagLayout;
    import java.awt.Insets;
    
    import javax.swing.JButton;
    import javax.swing.JFrame;
    import javax.swing.JPanel;
    
    public class Demo {
        
    	JFrame f = new JFrame();// 主窗体
    	Container c;// 主容器
    
    	void createFrame() {
        
    		c = f.getContentPane();
    		c.setLayout(new GridBagLayout());
    		f.setSize(800, 600);
    		f.setLocationRelativeTo(null);
    		f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    	}
    
    	void createButton() {
        
    		for (int i = 0; i < 9; i++) {
        
    			GridBagConstraints g1 = new GridBagConstraints();
    			g1.gridx = i;
    			g1.gridy = 0;
    			c.add(new JButton("组件"), g1);
    
    			GridBagConstraints g2 = new GridBagConstraints();
    			g2.gridx = 0;
    			g2.gridy = i;
    			c.add(new JButton("组件"), g2);
    		}
    	}
    	
    	void init6() {
        
    		GridBagConstraints g1 = new GridBagConstraints();
    		g1.gridx = 2;
    		g1.gridy = 2;
    		g1.ipadx = 10;
    		g1.ipady = 10;
    		c.add(new JButton("组件1"), g1);
    
    		GridBagConstraints g2 = new GridBagConstraints();
    		g2.gridx = 4;
    		g2.gridy = 2;
    		g2.ipadx = -10;
    		g2.ipady = -10;
    		c.add(new JButton("组件2"), g2);
    	}
    
    	public static void main(String[] args) {
        
    		Demo d = new Demo();
    		d.createFrame();
    		d.createButton();
    		d.init6();
    		d.f.setVisible(true);
    	}
    }

运行结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 31]  
**（7）weightx和weighty属性**

这两个属性用于设置网格组的每一行和每一列对额外空间的分布方式。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 32]

import java.awt.Color;
    import java.awt.Container;
    import java.awt.GridBagConstraints;
    import java.awt.GridBagLayout;
    import java.awt.Insets;
    
    import javax.swing.JButton;
    import javax.swing.JFrame;
    import javax.swing.JPanel;
    
    public class Demo {
        
    	JFrame f = new JFrame();// 主窗体
    	Container c;// 主容器
    
    	void createFrame() {
        
    		c = f.getContentPane();
    		c.setLayout(new GridBagLayout());
    		f.setSize(800, 600);
    		f.setLocationRelativeTo(null);
    		f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    	}
    
    	void createButton() {
        
    		for (int i = 0; i < 9; i++) {
        
    			GridBagConstraints g1 = new GridBagConstraints();
    			g1.gridx = i;
    			g1.gridy = 0;
    			c.add(new JButton("组件"), g1);
    
    			GridBagConstraints g2 = new GridBagConstraints();
    			g2.gridx = 0;
    			g2.gridy = i;
    			c.add(new JButton("组件"), g2);
    		}
    	}
    	
    	void init7() {
        
    		GridBagConstraints g1 = new GridBagConstraints();
    		g1.gridx = 2;
    		g1.gridy = 2;
    		g1.weightx = 10;
    		g1.weighty = 10;
    		c.add(new JButton("组件1"), g1);
    	}
    
    	public static void main(String[] args) {
        
    		Demo d = new Demo();
    		d.createFrame();
    		d.createButton();
    		d.init7();
    		d.f.setVisible(true);
    	}
    }

运行结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 33]

# 5. 常用面板 #

面板也是一个Swing容器，它可以作为容器容纳其他组件，但它也必须被添加到其他容器中。

## 5.1 JPanel面板 ##

JPanel面板可以聚集一些组件来布局。首先应该明确的是面板也是一种容器，因为它也继承自`java.awt.Container`类。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 34]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 35]

package JAVALearining;
    
    import java.awt.BorderLayout;
    import java.awt.Color;
    import java.awt.Container;
    import java.awt.GridLayout;
    
    import javax.swing.*;
    
    public class Demo extends JFrame {
        
    	public Demo() {
        
    		setBounds(100, 100, 500, 300);
    		setDefaultCloseOperation(EXIT_ON_CLOSE);
    
    		Container c = getContentPane();
    		c.setLayout(new GridLayout(2, 2, 10, 10));
    
    		JPanel p1 = new JPanel();
    		p1.setLayout(new GridLayout(1, 3, 10, 10));
    
    		JPanel p2 = new JPanel(new BorderLayout());
    		JPanel p3 = new JPanel(new GridLayout(1, 2, 10, 10));
    		JPanel p4 = new JPanel(new GridLayout(2, 1, 10, 10));
    		/*
    		 * 添加边框
    		 */
    		p1.setBorder(BorderFactory.createTitledBorder("面板1"));// 添加标题边框
    		p2.setBorder(BorderFactory.createTitledBorder("面板2"));// 添加标题边框
    		p3.setBorder(BorderFactory.createTitledBorder("面板3"));// 添加标题边框
    		p4.setBorder(BorderFactory.createTitledBorder("面板4"));// 添加标题边框
    
    		p1.add(new JButton("p1"));// 添加按钮
    		p1.add(new JButton("p1"));// 添加按钮
    		p1.add(new JButton("p1"));// 添加按钮
    		p1.add(new JButton("p1"));// 添加按钮
    
    		p2.add(new JButton("p2"), BorderLayout.CENTER);
    		p2.add(new JButton("p2"), BorderLayout.SOUTH);
    		p2.add(new JButton("p2"), BorderLayout.WEST);
    		p2.add(new JButton("p2"), BorderLayout.NORTH);
    		p2.add(new JButton("p2"), BorderLayout.EAST);
    
    		p3.add(new JButton("p3"));
    		p3.add(new JButton("p3"));
    
    		p4.add(new JButton("p4"));
    		p4.add(new JButton("p4"));
    		p4.setBackground(Color.YELLOW);
    
    		c.add(p1);
    		c.add(p2);
    		c.add(p3);
    		c.add(p4);
    
    		setVisible(true);
    	}
    
    	public static void main(String[] args) {
        
    		new Demo();
    	}
    }

运行结果：![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 36]

## 5.2 滚动面板 ##

在设置界面时，可能会遇到在一个较小的容器窗体中显示一个较大部分的内容的情况，这时可以使用JScrollPane面板。JScrollPane面板是带滚动条的面板，它也是一种容器，但是JScrollPane只能放置一个组件，并且不可以使用布局管理器。如果需要在JScrollPane面板中放置多个组件，需要将多个组件放置在JPanel面板上，然后将JPanel面板作为一个整体组件添加在JScrollPane组件上。

import java.awt.Container;
    import javax.swing.*;
    
    public class Demo extends JFrame {
        
    	public Demo() {
        
    		setBounds(100, 100, 500, 300);
    		setDefaultCloseOperation(EXIT_ON_CLOSE);
    
    		Container c = getContentPane();
    		JTextArea area = new JTextArea();// 文本域
    		JScrollPane sp = new JScrollPane(area);// 创建滚动面板，给文本域添加滚动条
    		c.add(sp);
    
    		setVisible(true);
    	}
    
    	public static void main(String[] args) {
        
    		new Demo();
    	}
    }

运行结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 37]

# 6. 按钮组件 #

## 6.1 提交按钮组件 ##

Swing中的提交按钮由JButton对象表示，其构造方法主要有如下几种形式：

*  public JButton()
 *  public JButton(String text)
 *  public JButton(Icon icon)
 *  public JButton(String text,Icon icon)

通过使用上述构造方法，在Swing按钮上不仅能显示文本标签，还可以显示图标。上述构造方法中的第一个构造方法可以生成不带任何文本组件的对象和图标，可以以后使用相应方法为按钮设置指定的文本和图标；其他构造方法都在初始化时指定了按钮上显示的图标或文字。

import java.awt.Color;
    import java.awt.Container;
    import java.awt.GridLayout;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    
    import javax.swing.*;
    
    public class Demo extends JFrame {
        
    	public Demo() {
        
    		setBounds(100, 100, 500, 300);
    		setDefaultCloseOperation(EXIT_ON_CLOSE);
    		Container c = getContentPane();
    		c.setLayout(new GridLayout(3, 2, 5, 5));
    
    		JButton btn[] = new JButton[6];
    		for (int i = 0; i < btn.length; i++) {
        
    			btn[i] = new JButton();
    			c.add(btn[i]);
    		}
    
    		btn[0].setText("不可用");// 设置文本
    		btn[0].setEnabled(false);
    
    		btn[1].setText("有背景色");
    		btn[1].setBackground(Color.yellow);// 设置按钮颜色
    
    		btn[2].setText("无边框");
    		btn[2].setBorderPainted(false);// 不显示边框
    
    		btn[3].setText("有边框");
    		btn[3].setBorder(BorderFactory.createLineBorder(Color.red));// 设置线边框
    
    		Icon icon = new ImageIcon("src/man.jpg");// 给按钮设置图片
    		btn[4].setIcon(icon);
    		btn[4].setToolTipText("图片提示");// 鼠标悬停提示
    
    		btn[5].setText("可点击");
    		btn[5].addActionListener(new ActionListener() {
        // 添加时间监听
    
    			@Override
    			public void actionPerformed(ActionEvent arg0) {
        // 监听触发方法
    				JOptionPane.showMessageDialog(Demo.this, "点击按钮");// 弹出小对话框
    			}
    		});
    
    		setVisible(true);
    	}
    
    	public static void main(String[] args) {
        
    		new Demo();
    	}
    }

运行结果（不知为何第5个显示不了图片……）：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 38]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 39]

## 6.2 单选按钮组件 ##

在默认情况下，单选按钮显示一个圆形图标，并且通常在该图标旁放置一些说明性文字，而在应用程序中，一般将多个单选按钮放置在按钮组中，使这些单选按钮表现出某种功能，当用户选中某个单选按钮后，按钮组中其他按钮将被自动取消。单选按钮是Swing组件中`JRadioButton`类的对象，该类是`JToggleButton`的子类，而`JToggleButton`类又是`AbstractButton`类的子类，所以控制单选按钮的诸多方法都是`AbstractButton`类中方法。

import java.awt.*;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    
    import javax.swing.*;
    
    public class Demo extends JFrame {
        
    	public Demo() {
        
    		setBounds(100, 100, 180, 110);
    		setDefaultCloseOperation(EXIT_ON_CLOSE);
    		Container c = getContentPane();
    		c.setLayout(new FlowLayout());
    
    		JRadioButton left = new JRadioButton("向左走");
    		JRadioButton right = new JRadioButton("向右走");
    		c.add(left);
    		c.add(right);
    
    		ButtonGroup group = new ButtonGroup();
    		group.add(left);// 把单选按钮放入按钮组中
    		group.add(right);
    
    		left.setSelected(true);// 默认选中
    
    		JButton btn = new JButton("打印");
    		btn.addActionListener(new ActionListener() {
        
    
    			@Override
    			public void actionPerformed(ActionEvent arg0) {
        
    				System.out.println(left.getText() + "按钮选中状态：" + left.isSelected());
    				System.out.println(left.getText() + "按钮选中状态：" + right.isSelected());
    				group.clearSelection();// 按钮组情况选项
    			}
    		});
    		c.add(btn);
    
    		setVisible(true);
    	}
    
    	public static void main(String[] args) {
        
    		new Demo();
    	}
    }

点击按钮前：  
![在这里插入图片描述][20201213014601209.png]  
点击按钮后：  
![在这里插入图片描述][20201213014623833.png]  
得到结果：

向左走按钮选中状态：true
    向左走按钮选中状态：false

## 6.3 复选框 ##

复选框在Swing组件中使用也非常广泛，它具有一个方块图标，外加一段描述性文字。与单选按钮唯一不同的是复选框可以进行多选设置，每一个复选框都提供“选择”与“不选择”两种状态。复选框由`JCheckBox`类的对象表示，它同样继承于`AbstractButton`类，所以复选框组件的属性设置也来源于`AbstractButton`类。

import java.awt.*;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    
    import javax.swing.*;
    
    public class Demo extends JFrame {
        
    	public Demo() {
        
    		setBounds(100, 100, 180, 110);
    		setDefaultCloseOperation(EXIT_ON_CLOSE);
    		Container c = getContentPane();
    		c.setLayout(new FlowLayout());
    
    		JCheckBox c1 = new JCheckBox("1");
    		JCheckBox c2 = new JCheckBox("2");
    		JCheckBox c3 = new JCheckBox("3");
    
    		c.add(c1);
    		c.add(c2);
    		c.add(c3);
    
    		c1.setSelected(true);// 默认选中
    
    		JButton btn = new JButton("打印");
    		btn.addActionListener(new ActionListener() {
        
    			public void actionPerformed(ActionEvent arg0) {
        
    				System.out.println(c1.getText() + "复选框选中状态：" + c1.isSelected());
    				System.out.println(c2.getText() + "复选框选中状态：" + c2.isSelected());
    				System.out.println(c3.getText() + "复选框选中状态：" + c3.isSelected());
    
    			}
    		});
    		c.add(btn);
    
    		setVisible(true);
    	}
    
    	public static void main(String[] args) {
        
    		new Demo();
    	}

![在这里插入图片描述][20201213124951861.png]

选中1,2后点击打印按钮，得到结果：

1复选框选中状态：true
    2复选框选中状态：true
    3复选框选中状态：false

# 7. 列表组件 #

Swing中提供两种列表组件，分别为下拉列表框与列表框。

## 7.1 下拉列表框组件 ##

### 7.1.1 JComboBox类 ###

初次使用Swing中的下拉列表框时，会感觉到该此类下拉列表框与Windows操作系统中的下拉列表框有一些相似，实质上两者并不完全相同，因为Swing中的下拉列表框不仅可以从中选择项目，同时也提供用户编辑项目中的内容。

下拉列表框是一个带条状的显示区，它具有下拉功能，在下拉列表框的右方存在一个倒三角形的按钮，当用户单击该按钮，下拉列表框中的项目将会以列表形式显示出来。

常用构造方法：

*  public JCcomboBox()
 *  public JCcomboBox(ComboBoxModel dataModel)
 *  public JCcomboBox(Object\[ \] arrayData)
 *  public JCcomboBox(Vector vector)

### 7.2.2 JComboBox模型 ###

一般将下拉列表框中的项目封装为`ComboBoxModel`的情况比较多。`ComboBoxModel`为接口，它代表一般模型，可以自定义一个类实现该接口，然后在初始化`JComboBox`对象时向上转型为`ComboBoxModel`模型，但是必须实现以下两种方法：

*  public void setSelectedItem(Object item)
 *  public Object setSelectedItem()

其中，`setSelectedItem()`方法用于设置下拉列表框中的选中项，`setSelectedItem()`方法用于返回下拉列表框中的选中项。

例1：

运行结果：  
![在这里插入图片描述][20201213132304245.png]  
例2（向下拉列表中添加元素的另一种写法）：

运行结果与例1一样。

例3（添加其他功能，如打印选中的元素索引值、内容，以及变更为可编辑下拉列表）：

import java.awt.*;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    
    import javax.swing.*;
    
    public class Demo extends JFrame {
        
    	public Demo() {
        
    		setBounds(100, 100, 180, 110);
    		setDefaultCloseOperation(EXIT_ON_CLOSE);
    		Container c = getContentPane();
    		c.setLayout(null);
    
    		JComboBox<String> comboBox = new JComboBox<String>();
    		String items[] = {
        "身份证","行驶证","军人证"};
    		ComboBoxModel cm = new DefaultComboBoxModel<>(items);
    		comboBox.setModel(cm);// 向列表中添加数据模型
    		comboBox.setBounds(10, 10, 80, 21);// 设定坐标和大小
    		c.add(comboBox);
    		comboBox.setEditable(true);// 是否可以编辑
    		
    		JButton btn = new JButton("打印");
    		btn.addActionListener(new ActionListener() {
        
    			public void actionPerformed(ActionEvent arg0) {
        
    				System.out.println("选中的索引："+comboBox.getSelectedIndex());// 获取选中的索引值
    				System.out.println("选中的值："+comboBox.getSelectedItem());// 获取选中的值
    			}
    		});
    		btn.setBounds(100, 10, 60, 20);
    		c.add(btn);
    		
    		setVisible(true);
    	}
    
    	public static void main(String[] args) {
        
    		new Demo();
    	}
    }

运行结果：  
![在这里插入图片描述][20201213132722446.png]  
选择行驶证后点击打印：

选中的索引：1
    选中的值：行驶证

将内容变更为“良民证”后点击打印：  
![在这里插入图片描述][20201213132823228.png]  
得到结果：

选中的索引：-1
    选中的值：良民证

## 7.2 列表框组件 ##

列表框与下拉列表框的区别不仅仅表现在外观上，当激活下拉列表框时，会出现下拉列表框中的内容，但列表框只是在窗体上占据固定的大小，如果需要列表框具有滚动效果，可以将列表框放入滚动面板中。用户在选择列表框中的某一项时，按住Shift键并选择列表框中的其他项目，其他项目也将被选中；也可以按住Ctrl键并单击列表框中的项目，这样列表框中的项目处于非选择状态。

常用构造方法：

*  public void JList()
 *  public void JList(Object\[ \], listData)
 *  public void JList(Vector listData)
 *  public void JList(ListModel dataModel)

package JAVALearining;
    
    import java.awt.*;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    
    import javax.swing.*;
    
    public class Demo extends JFrame {
        
    	public Demo() {
        
    		setBounds(100, 100, 210, 180);
    		setDefaultCloseOperation(EXIT_ON_CLOSE);
    		Container c = getContentPane();
    		c.setLayout(null);
    
    		String items[] = {
         "元素1", "元素2", "元素3", "元素4", "元素5", "元素6", "元素7", "元素8" };
    //		JList<String> jl = new JList<>(items);
    
    		DefaultListModel<String> model = new DefaultListModel<String>();// 列表框数据模型
    		for (String tmp : items) {
        
    			model.addElement(tmp);// 向数据模型添加元素
    		}
    		JList<String> jl = new JList<>();
    		model.addElement("元素9");// 数据模型添加新元素
    		jl.setModel(model);// 列表框载入数据模型
    
    		/*
    		 * SINGLE_SELECTION：单选模式 SINGLE_INTERVAL_SELECTION：只能连续选择相邻元素
    		 * MULTIPLE_INTERVAL_SELECTION：随便选
    		 */
    
    		jl.setSelectionMode(ListSelectionModel.MULTIPLE_INTERVAL_SELECTION);// 设置选择模式
    
    		JScrollPane js = new JScrollPane(jl);// 为列表框添加滚动条
    		js.setBounds(10, 10, 100, 100);// 设定坐标和大小
    		c.add(js);
    
    		JButton btn = new JButton("确认");
    		btn.setBounds(120, 90, 70, 25);
    		btn.addActionListener(new ActionListener() {
        
    			public void actionPerformed(ActionEvent arg0) {
        
    				// 获取列表框中选中的所有元素
    				java.util.List<String> values = jl.getSelectedValuesList();
    				for (String tmp : values) {
        
    					System.out.println(tmp);
    				}
    				System.out.println("----END----");
    			}
    		});
    		c.add(btn);
    
    		setVisible(true);
    	}
    
    	public static void main(String[] args) {
        
    		new Demo();
    	}
    }

选择1、3、8后，点击确定，得到结果：  
![在这里插入图片描述][20201213135351913.png]

元素1
    元素3
    元素8
    ----END----

# 8. 文本组件 #

## 8.1 文本框组件 ##

文本框用来显示或编辑一个单行文本，在Swing中通过javax.swing.JTextField类对象创建，该类继承了javax.swing.text.JTextComponent类。下面列举了一些创建文本框常用的构造方法。

*  public JTextField()
 *  public JTextField(String text)
 *  public JTextField(int fieldwidth)
 *  public JTextField(String text,int fieldwidth)
 *  public JTextField(Document docModel,String text,int fieldWidth)

在上述构造方法中可以看出，定义JTextField组件很简单，可以在初始化文本框时设置文本框的默认文字、文本框的长度等。

import java.awt.*;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    
    import javax.swing.*;
    
    public class Demo extends JFrame {
        
    	public Demo() {
        
    		setBounds(100, 100, 250, 150);
    		setDefaultCloseOperation(EXIT_ON_CLOSE);
    		Container c = getContentPane();
    		c.setLayout(new FlowLayout());
    
    		JTextField jt = new JTextField();
    		jt.setColumns(20);// 设置文本框长度，20个字符
    		jt.setText("start:");// 设置文本
    		jt.setFont(new Font("黑体", Font.PLAIN, 12));// 设置字体格式
    		c.add(jt);
    
    		JButton btn = new JButton("确认");
    		btn.addActionListener(new ActionListener() {
        
    			public void actionPerformed(ActionEvent arg0) {
        
    				System.out.println("文本框中内容：" + jt.getText());// 获取文本框中内容
    				jt.setText("");// 情况文本框中内容
    				jt.requestFocus();// 获取焦点（获取光标）
    			}
    		});
    		c.add(btn);
    
    		setVisible(true);
    	}
    
    	public static void main(String[] args) {
        
    		new Demo();
    	}
    }

先输入abc，点击确认后，再输入abc，运行结果如下：  
![在这里插入图片描述][20201213142523423.png]

文本框中内容：start:abc

![在这里插入图片描述][20201213142546265.png]

文本框中内容：abc

## 8.2 密码框组件 ##

密码框与文本框的定义与用法基本相同，唯一不同的是密码使用户输入的字符串以某种符号进行加密。密码框对象是通过`javax.swing.JPasswordField`类来创建，`JPasswordField`类的构造方法与JTextField类的构造方法非常相似。下面列举几个常用的构造方法。

*  public JPasswordField()
 *  public JPasswordFiled(String text)
 *  public JPasswordField(int fieldwidth)
 *  public JPasswordField(String text,int fieldwidth)
 *  public JPasswordField(Document docModel,String text,int fieldWidth)

输入123456，点击回车，得到打印的结果：  
![在这里插入图片描述][20201213143555392.png]

123456

## 8.3 文本域组件 ##

Swing中任何一个文本区域都是JTextArea类型的对象。JTextArea常用的构造方法如下：

*  public JTextArea()
 *  public JTextArea(String text)
 *  public JTextArea(int rows,int columns)
 *  public JTextArea(Document doc)
 *  public JTextArea(Document doc,String Text,int rows,int columns)

在上述构造方法中，可以在初始化文本域时提供默认文本以及文本域的长与宽。

import java.awt.*;
    import javax.swing.*;
    
    public class Demo extends JFrame {
        
    	public Demo() {
        
    		setBounds(100, 100, 400, 400);
    		setDefaultCloseOperation(EXIT_ON_CLOSE);
    		Container c = getContentPane();
    		c.setLayout(new FlowLayout());
    
    		JTextArea area = new JTextArea();
    		area.setText("这是文本域：");// 设定文本内容
    		area.setRows(5);// 设定行数
    		area.setColumns(20);// 设定列数
    		area.append("添加内容");// 添加内容
    		area.insert("插入", 2);// 在2个字符后面插入内容
    		area.setFont(new Font("楷体", Font.PLAIN, 20));
    
    		JScrollPane js = new JScrollPane(area);// 给文本域添加滚动条
    		c.add(js);// 添加滚动面板
    
    		setVisible(true);
    	}
    
    	public static void main(String[] args) {
        
    		new Demo();
    	}
    }

运行结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 40]  
`JTextArean`类中存在一个`setLineWrap()`方法，用于设置文本域是否可以自动换行，如果将该方法的参数设置为true，文本域将自动换行，否则不自动换行。

# 9. 常用监听事件 #

## 9.1 监听事件简介 ##

在Swing事件模型中由3个分离的对象完成对事件的处理，分别为事件源、事件以及监听程序。事件源触发一个事件，它被一个或多个“监听器”接收，监听器负责处理事件。

所谓事件监听器，实质上就是一个“实现特定类型监听器接口”的类对象。事件几乎都以对象来表示，它是某种事件类的对象，事件源（如按钮）会在用户作出相应的动作（如按钮被按下）时产生事件对象，如动作事件对应ActionEvent类对象，同时要编写一个监听器的类必须实现相应的接口，如`ActionEvent`类对应的是`ActionListener`接口，需要获取某个事件对象就必须实现相应的接口，同时需要将接口中的方法一一实现。最后事件源（按钮）调用相应的方法加载这个“实现特定类型监听器接口”的类对象，所有的事件源都具有`addXXXListener()`和`removeXXXListener()`方法（其中“XXX”方法表示监听事件类型），这样就可以为组件添加或移除相应的事件监听器。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 41]

## 9.2 动作事件监听器 ##

动作事件（ActionEvent）监听器是Swing中比较常用的事件监听器，很多组件的动作都会使用它监听，如按钮被按下。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 42]

package JAVALearining;
    
    import java.awt.*;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    
    import javax.swing.*;
    
    public class Demo extends JFrame {
        
    	public Demo() {
        
    		setBounds(100, 100, 500, 100);
    		setDefaultCloseOperation(EXIT_ON_CLOSE);
    		Container c = getContentPane();
    		setVisible(true);
    		
    		JPanel centerP = new JPanel();
    		centerP.setLayout(new FlowLayout());
    		c.add(centerP,BorderLayout.CENTER);
    
    		JPanel southP = new JPanel();
    		JLabel console = new JLabel("点击组件");
    		southP.add(console);
    		c.add(southP,BorderLayout.SOUTH);
    		
    		JButton btn = new JButton("按钮");
    		centerP.add(btn);
    		btn.addActionListener(new ActionListener() {
        
    			public void actionPerformed(ActionEvent arg0) {
        
    				console.setText("按钮被点击");
    			}
    		});
    		
    		JTextField jt = new JTextField(10);
    		centerP.add(jt);
    		jt.addActionListener(new ActionListener() {
        
    			public void actionPerformed(ActionEvent e) {
        
    				Object obj = e.getSource();
    				JTextField jtTmp = (JTextField)obj;
    				System.out.println(jtTmp.getText());
    				console.setText("文本框中点击了回车");
    			}
    		});
    		
    		JCheckBox jc = new JCheckBox("多选框");
    		centerP.add(jc);
    		jc.addActionListener(new ActionListener() {
        
    			public void actionPerformed(ActionEvent arg0) {
        
    				console.setText("多选框被点击");
    			}
    		});
    		
    		JRadioButton jr = new JRadioButton("单选框");
    		centerP.add(jr);
    		jr.addActionListener(new ActionListener() {
        
    			public void actionPerformed(ActionEvent arg0) {
        	
    				console.setText("单选框被点击");
    			}
    		});
    		
    		String values[] = {
        "选项1","选项2","选项3"};
    		JComboBox jb = new JComboBox(values);
    		centerP.add(jb);
    		jb.addActionListener(new ActionListener() {
        
    			public void actionPerformed(ActionEvent arg0) {
        
    				console.setText("下拉列表被选择");
    			}
    		});
    		
    		c.validate();// 重新验证一下容器中的组件
    
    		
    	}
    
    	public static void main(String[] args) {
        
    		new Demo();
    	}
    }

点击运行：  
![在这里插入图片描述][2020121317590745.png]

## 9.3 焦点事件监听器 ##

焦点事件（FocusEvent）监听器在实际项目开发中应用也比较广泛，如将光标焦点离开一个文本框时需要弹出一个对话框，或者将焦点返回给该文本框等。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 43]

import java.awt.*;
    import java.awt.event.FocusEvent;
    import java.awt.event.FocusListener;
    
    import javax.swing.*;
    
    public class Demo extends JFrame {
        
    	public Demo() {
        
    		setBounds(100, 100, 230, 150);
    		setDefaultCloseOperation(EXIT_ON_CLOSE);
    		JPanel contentPane = new JPanel();
    		setContentPane(contentPane);
    		contentPane.setLayout(null);
    
    		JTextField jt1 = new JTextField(10);
    		jt1.setBounds(10, 10, 66, 21);
    		contentPane.add(jt1);
    
    		JTextField jt2 = new JTextField(10);
    		jt2.setBounds(10, 41, 66, 21);
    		contentPane.add(jt2);
    
    		JTextField jt3 = new JTextField(10);
    		jt3.setBounds(10, 72, 66, 21);
    		contentPane.add(jt3);
    
    		jt1.addFocusListener(new MyFocusListener());// 使用自定义监听实现类
    		jt2.addFocusListener(new MyFocusListener());// 使用自定义监听实现类
    		jt3.addFocusListener(new MyFocusListener());// 使用自定义监听实现类
    		setVisible(true);
    	}
    
    	class MyFocusListener implements FocusListener {
        // 自定义焦点事件监听实现类
    
    		@Override
    		public void focusGained(FocusEvent e) {
        
    			JTextField tmp = (JTextField) e.getSource();// 获取触发事件的组件
    			tmp.setBorder(BorderFactory.createLineBorder(Color.green));// 给获取焦点的文本获取绿色边框
    		}
    
    		@Override
    		public void focusLost(FocusEvent e) {
        
    			JTextField tmp = (JTextField) e.getSource();// 获取触发事件的组件
    			tmp.setBorder(BorderFactory.createLineBorder(Color.red));// 给失去焦点的文本获取红色边框
    		}
    
    	}
    
    	public static void main(String[] args) {
        
    		new Demo();
    	}
    }

运行结果：  
![在这里插入图片描述][20201213183314366.png]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70]: /images/20221120/c181730918534d7cb9d1d1261dd18497.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 1]: /images/20221120/c7aaf35cbca549dca3ded8380f2c94cf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 2]: /images/20221120/dfc3659267ba46c388b9c484cb07d00b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 3]: /images/20221120/3d09827c6b444ac593c70a08db6830d1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 4]: /images/20221120/b2d34000037b46d2aa65838f7ab69e0d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 5]: /images/20221120/c727312c059b441fbeb46c51b35d47b8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 6]: /images/20221120/f9fba67941314b9283a65fa70ba08604.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 7]: /images/20221120/c4b60181aa6040a9bdc1b29f29fb3708.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 8]: /images/20221120/fddd27d18bf144a6a9fe121a13d38f4b.png
[20201212114501653.png]: /images/20221120/0bccb21b8f95441db33be1faae400e42.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 9]: /images/20221120/df7322c05d3441cd9d8c51eb0392ce6d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 10]: /images/20221120/946e85d79edd4890904387dfd1297f15.png
[20201212152920770.png]: /images/20221120/fcf7deb5e42c42f5ac538c9272bdfc24.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 11]: /images/20221120/f317087290cc496d8c18c54fdcfdd47d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 12]: /images/20221120/d03b41d50dec47ddb984305cb387e8c9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 13]: /images/20221120/f74390373ebb4f4cac39a79526f784f4.png
[20201212154635148.png]: /images/20221120/299a53f393da467ebc54d0f70d503c4f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 14]: /images/20221120/87e5527b67b74b3290bd78e9d84807dc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 15]: /images/20221120/ce067cdef69d4566b94c71425d6d6a80.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 16]: /images/20221120/4aa785f1c12a4bc9b54696d7f0fef1f1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 17]: /images/20221120/9841c5ecfc28435f9587448810050f79.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 18]: /images/20221120/acf86aff13f348a6a8bafba883b9d958.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 19]: /images/20221120/f249728a50af42918c39777292ed828e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 20]: /images/20221120/30fc501efdcb4c6db7a3e07fb830a6d9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 21]: /images/20221120/7c90d8d9a0ff4db7aa3541f6541c1812.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 22]: /images/20221120/f973809d291347cab40fcddfccd94115.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 23]: /images/20221120/ea7d723dd072482eb82e26e4bbab6d63.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 24]: /images/20221120/dcbfe6b906bd4a5f9decb1d6afa917fe.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 25]: /images/20221120/971f77776a954f44859135684de3771c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 26]: /images/20221120/64619240c236479f8a20af74cba2e846.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 27]: /images/20221120/fe1cf179d12d4c96a7b06daab27edcfb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 28]: /images/20221120/d25df602e43246e5ac5ac420a1aed27b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 29]: /images/20221120/dd607eecb79049e98eb90a83885e9af3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 30]: /images/20221120/01057b44818f45c18faa533bbbf6c105.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 31]: /images/20221120/48f6bfbc1883462da91f73a38df67a66.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 32]: /images/20221120/00ede1d25dc644bfbb1a7015739d9b6c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 33]: /images/20221120/c080d2a76a5c4492bc5fd3073ab849ce.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 34]: /images/20221120/e2a0e1c7b1e24533ac4d3891d4faaedb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 35]: /images/20221120/dc503cc0685b483fa85f670e75dc7940.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 36]: /images/20221120/7448014afe0a472caa6b64a7f6df869f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 37]: /images/20221120/fed656d124e04ddfa26a4144fd23117a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 38]: /images/20221120/5005fd9998304d3a8da3cc366212ac9b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 39]: /images/20221120/579b2ca79f4949f1915d501ac2ba19f8.png
[20201213014601209.png]: /images/20221120/867c32d53df4404fadd7b3ed0acf0adb.png
[20201213014623833.png]: /images/20221120/01649e15824c44279d33a6f028b5ac24.png
[20201213124951861.png]: /images/20221120/a8ccfa93c3c44bd3a584efd3f7f75c9c.png
[20201213132304245.png]: /images/20221120/063cde7c423e4ec1a1a3467a369125c0.png
[20201213132722446.png]: /images/20221120/f4493ed573ed48d1a0abcc2186b1886a.png
[20201213132823228.png]: /images/20221120/5b56019c0aff4f2aa27e66699625cb31.png
[20201213135351913.png]: /images/20221120/2f3ff835f6004d5eb9f0268db1c55601.png
[20201213142523423.png]: /images/20221120/91f92376d2264c7bac23671ca451efac.png
[20201213142546265.png]: /images/20221120/ca068b83ad3440a1a94885c323353bf6.png
[20201213143555392.png]: /images/20221120/e0cd884e8ec647019036fe4a2d469b6d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 40]: /images/20221120/d06aae4bd2ef4b37813eabdb42a43ce0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 41]: /images/20221120/722f075259964a5ca99c1e11d84727a9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 42]: /images/20221120/7f35a15fa28a4172ba6cb849820627d8.png
[2020121317590745.png]: /images/20221120/58f4668c9f7f4105921a4734c8a633c9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyNTc0MDY5_size_16_color_FFFFFF_t_70 43]: /images/20221120/5981ba48239749709192e9aabbf11b58.png
[20201213183314366.png]: https://img-blog.csdnimg.cn/20201213183314366.png