201871010113-刘兴瑞《面向对象程序设计（java）》第十四周学习总结

 

 

项目	内容
这个作业属于哪个课程	<任课教师博客主页链接>https://www.cnblogs.com/nwnu-daizh/
这个作业的要求在哪里	<作业链接地址>https://www.cnblogs.com/nwnu-daizh/p/11953993.html
作业学习目标	（1）掌握GUI布局管理器用法； （2）掌握Java Swing文本输入组件用途及常用API； （3）掌握Java Swing选择输入组件用途及常用API。

第一部分：第十二章本周理论知识

1.模型-视图-控制器模式
模型：储存内容 
视图：显示内容 
控制器：处理用户输入

2.布局管理

• 局管理器(FlowLayout) :JPanel对象的默认布局管理器为FlowLayout，组件加入JPanel中总是处于中央，一行可以排列多个组件，如果一行的空间容纳不下所有的组件则换行。当顶层窗口缩放时，JPanel中组件的大小不会随之缩放。 

• 边框布局管理器(BorderLayout) 是JFrame的内容窗格的默认布局管理器，可以选择将空间放在内容窗格的东、南、西、北、中。 且将组件加入其中时，组件会充满其对应的整个区域，如果在这个方位再加入一个组件，会覆盖原本存在的组件。当顶层窗口缩放时，东南西北的组件不会随之变化，中部的组件会等比例变化。 如果要在某方法并排加入几个组件，则可以先将组件加入JPanel中，再放入边框布局管理器。 

　　　BorderLayout的常量定义为字符串 frame.add(new JButton("Yes"),BorderLayout.SOUTH);

• 网格布局(Grid Layout) 布局类似于表格，每个单元大小一致，当顶层窗口缩放时组件大小也随之变化，但是尺寸比例保持一致。

　　frame.SetLayout(new GridLayout(4,4));//形成4x4的网格
　　frame.add(new JButton("1"));
　　GridLayout(int r,int c) 参数之一可以为0，但是不能同时为0 
　　GridLayout(int r,int c,int hgap,int vgap) hgap表示单元之间的水平间距，vgap表示单元之间的垂直间距

3.文本输入

• 扩展于JTextComponent的JTextField和JTextArea 。JTextField和JTextArea都用于文本输入，其中JTextField接收单行文本的输入，而JTextArea可接收多行文本的输入。列数为文本域的宽度，如果希望文本域最多能输入N个字符，则将宽度设置为N：JTextField text = new JTextField("Input Here",20);

　　  第二个构造函数可以指定文本区显示的行数和列数。如果需要设置滚动条，则需要将文本区加入JScrollPane中，再讲JScrollPane插入容器。

　　　JTextArea area = new TextArea(4,10);
　　　JScrollPane pane = new JScrollPane(area);
　　　panel.add(pane);

• 扩展于JTextField的JPasswordField 

　　接受单行输入，输入字符被特殊字符掩盖

• JLabel 

　　没有任何修饰，不能响应用户输入，只是容纳文本的组件。可以设置标签的显示文字、图标以及对其方式

　　其中对其方式是SwingConstants里的常量，如LEFT/RIGHT/CENTER等

JLabel label = new JLabel("User Name:",SwingConstants.RIGHT);
4.选择组件

• JCheckBox ：复选框自动带有标签和图标，在构造时可以提供，当用户选中复选框时会触发动作事件。

JCheckBox box = new JCheckBox("Bold");
box.setSelected(true);

• 单选钮(JRadioButton) ：自带标签和图标。单选钮只能多选其一，要打到这种效果需要把所有的单选钮加入ButtonGroup的对象里，从而使得新按钮被按下时，取消前一个选中的按钮的状态。ButtonGroup直接扩展于Object类，所以单选钮需加入容器中进行布局，ButtonGroup和容器(如JPanel)是相互独立的。 

　　选中时触发动作事件。

• 边框(Border) ：任何继承自JComponent的组件都可以使用边框(void setBorder(Border b))。常用的方法是将组件放入容器中，然后容器使用边框。是通过调用BorderFactory的静态方法构建边框。 

 

　　同时可以为边框设置标题：

 

　　Border etch = BorderFactory.createEtchedBorder();
　　Border title = BorderFactory.createTitleBorder(etch,"Title");
　　panel.setBorder(title);

• 组合框 

　　JComboBox< T>是泛型类，构建时需注意。 
　　组合框不仅有下拉选择的功能，还具有文本框编辑的功能。 
　　获得当前选中内容：

　　combo.getItemAt(combo.getSelectedIndex());
　　//Object getItemAt(int index)
　　当用户从组合框中选中一个选项时，组合框就会产生一个动作事件。

• 条(JSlider) 

　　　滑动条在构造时默认是横向，如果需要纵向滑动条：

　　　JSlider s = new JSlider(SwingConstants.VERTICAL,min,max,initialValue);
　　　当滑动条滑动时，会触发ChangeEvent，需要调用addChangeListener()并且安装一个实现了ChangeListener接口的对象。这个接口只有一个StateChanged方法

　　　//得到滑动条的当前值
　　　ChangeListener listen = event ->{
　　　JSlider s = (JSlider)event.getSource();
　　　int val = s.getValue(); 
　　　...
　　　};
　　　如果需要显示滑动条的刻度，则setPaintTicks(true); 
　　　如果要将滑动条强制对准刻度，则setSnapToTicks(true); 
　　　如果要为滑动条设置标签，则需要先构建一个Hashtable< Integer,Component>，将数字与标签对应起来，再调用setLabelTable(Dictionary label);

5.复杂的布局管理

• GridBagLayout（网格组布局） 即没有限制的网格布局，行和列的尺寸可以改变，且单元格可以合并 

　　过程： 
　　1）建议一个GridBagLayout对象，不需要指定行列数 
　　2）将容器setLayout为GBL对象 
　　3）为每个组件建立GridBagConstraints对象，即约束组件的大小以及排放方式 
　　4）通过add(component,constraints)增加组件 
　　使用帮助类来管理约束会方便很多。 

• 不使用布局管理器

　　frame.setLayout(null);
　　JButton btn = new JButton("Yes");
　　frame.add(btn);
　　btn.setBounds(10,10,100,30);
　　//void setBounds(int x,int y,int width,int height)//x,y表示左上角的坐标，width/height表示组件宽和高，Component类的方法

• 组件的遍历顺序（焦点的顺序）：从左至右从上到下

　　component.setFocusable(false);//组件不设置焦点
6.菜单
分为JMenuBar/JMenu/JMenuItem，当选择菜单项时会触发一个动作事件，需要注册监听器监听

7.对话框：对话框分为模式对话框和无模对话框，模式对话框就是未处理此对话框之前不允许与其他窗口交互。 

• JOptionPane：提供了四个用静态方法(showxxxx)显示的对话框： 

• 构造对话框的步骤： 1）选择对话框类型（消息、确认、选择、输入） 2）选择消息类型（String/Icon/Component/Object[]/任何其他对象） 
  3）选择图标（ERROR_MESSAGE/INFORMATION_MESSAGE/WARNING_MESSAGE/QUESTION_MESSAGE/PLAIN_MESSAGE） 
  4）对于确认对话框，选择按钮类型（DEFAULT_OPTION/YES_NO_OPTION/YES_NO_CANCEL_OPTION/OK_CANCEL_OPTION） 
  5）对于选项对话框，选择选项（String/Icon/Component） 
  6）对于输入对话框，选择文本框或组合框 
  确认对话框和选择对话框调用后会返回按钮值或被选的选项的索引值
• JDialog类 ：可以自己创建对话框，需调用超类JDialog类的构造器

public aboutD extends JDialog
{
public aboutD(JFrame owner)
{
super(owner,"About Text",true);
....
}
}
构造JDialog类后需要setVisible才能时窗口可见

if(dialog == null)
dialog = new JDialog();
dialog.setVisible(true);

• 文件对话框(JFileChooser类) 
• 颜色对话框(JColorChooser类）

第二部分：实验部分

实验1： 导入第12章示例程序，测试程序并进行组内讨论。

测试程序1

l 在elipse IDE中运行教材479页程序12-1，结合运行结果理解程序；

l 掌握布局管理器的用法；

l 理解GUI界面中事件处理技术的用途。

l 在布局管理应用代码处添加注释；

代码注释如下：

Calculator.java:

package calculator;

import java.awt.*;
import javax.swing.*;

/**
 * @version 1.35 2018-04-10
 * @author Cay Horstmann
 */
public class Calculator
{
   public static void main(String[] args)
   {
      EventQueue.invokeLater(() -> {
         var frame = new CalculatorFrame();
         frame.setTitle("Calculator");
         frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//设置用户在此窗体上发起 "close" 时默认执行的操作
         frame.setVisible(true);
      });
   }
}

CalculatorPanel.java:

package calculator;

import java.awt.*;
import java.awt.event.*;
import javax.swing.*;

/**
 * A panel with calculator buttons and a result display.
 */
public class CalculatorPanel extends JPanel
{
   private JButton display;
   private JPanel panel;
   private double result;
   private String lastCommand;
   private boolean start;
   private JButton display1;

   //无参构造器
   public CalculatorPanel()
   {
      setLayout(new BorderLayout());//设置布局为边框布局，边框布局分东南西北中5个方位来添加控件。

      result = 0;
      lastCommand = "=";
      start = true;

      // add the display

      display = new JButton("0");//初始数值为0
      display.setEnabled(false);//设置 Action 的启用状态
      add(display, BorderLayout.NORTH);//添加display，放在北方
      
  display1 = new JButton("00");
      display1.setEnabled(false);//设置 Action 的启用状态
      add(display1, BorderLayout.EAST);//添加display，放在东方


      var insert = new InsertAction();
      var command = new CommandAction();

      // add the buttons in a 4 x 4 grid

      panel = new JPanel();
      //设置窗口布局为网络布局样式
      panel.setLayout(new GridLayout(4, 4));

      addButton("7", insert);
      addButton("8", insert);
      addButton("9", insert);
      addButton("/", command);

      addButton("4", insert);
      addButton("5", insert);
      addButton("6", insert);
      addButton("*", command);

      addButton("1", insert);
      addButton("2", insert);
      addButton("3", insert);
      addButton("-", command);

      addButton("0", insert);
      addButton(".", insert);
      addButton("=", command);
      addButton("+", command);

      add(panel, BorderLayout.CENTER);//居中方位
   }

   /**
    * Adds a button to the center panel.
    * @param label the button label
    * @param listener the button listener
    */
   private void addButton(String label, ActionListener listener)
   {
      var button = new JButton(label);
      button.addActionListener(listener);//事件监听器
      panel.add(button);
   }

   /**
    * This action inserts the button action string to the end of the display text.
    */
   //内部类
   private class InsertAction implements ActionListener
   {
	   //actionPerformed方法接受ActionEvent参数
      public void actionPerformed(ActionEvent event)
      {
         String input = event.getActionCommand();
         if (start)
         {
            display.setText("");
            start = false;
         }
         display.setText(display.getText() + input);
      }
   }

   /**
    * This action executes the command that the button action string denotes.
    */
   private class CommandAction implements ActionListener
   {
      public void actionPerformed(ActionEvent event)
      {
         String command = event.getActionCommand();

         if (start)
         {
            if (command.equals("-"))
            {
               display.setText(command);
               start = false;
            }
            else lastCommand = command;
         }
         else
         {
            calculate(Double.parseDouble(display.getText()));
            lastCommand = command;
            start = true;
         }
      }
   }

   /**
    * Carries out the pending calculation.
    * @param x the value to be accumulated with the prior result.
    */
   public void calculate(double x)
   {
      if (lastCommand.equals("+")) result += x;
      else if (lastCommand.equals("-")) result -= x;
      else if (lastCommand.equals("*")) result *= x;
      else if (lastCommand.equals("/")) result /= x;
      else if (lastCommand.equals("=")) result = x;
      display.setText("" + result);
   }
}

CalculatorFrame.java:

package calculator;

import javax.swing.*;

/**
 * A frame with a calculator panel.
 */
public class CalculatorFrame extends JFrame
{
   public CalculatorFrame()
   {
      add(new CalculatorPanel());//添加面板
      pack();//使用组件首选大小
   }
}

运行结果如图：

实验测试如图：

测试程序2

l 在elipse IDE中调试运行教材486页程序12-2，结合运行结果理解程序；

l 掌握文本组件的用法；

l 记录示例代码阅读理解中存在的问题与疑惑。

代码注释如下：

TextComponentTest.java:

package text;

import java.awt.*;
import javax.swing.*;

/**
 * @version 1.42 2018-04-10
 * @author Cay Horstmann
 */
public class TextComponentTest
{
   public static void main(String[] args)
   {
      EventQueue.invokeLater(() -> {
         var frame = new TextComponentFrame();
         frame.setTitle("TextComponentTest");
         frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
         frame.setVisible(true);
      });
   }
}

TextComponentFrame.java:

package text;

import java.awt.BorderLayout;
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.JScrollPane;
import javax.swing.JTextArea;
import javax.swing.JTextField;
import javax.swing.SwingConstants;

/**
 * A frame with sample text components.
 */
public class TextComponentFrame extends JFrame
{
   public static final int TEXTAREA_ROWS = 8;
   public static final int TEXTAREA_COLUMNS = 20;

   public TextComponentFrame()
   {
      var textField = new JTextField();
      var passwordField = new JPasswordField();

      //在框架北方建立有JTextField，JPasswordField组件的面板
      var northPanel = new JPanel();
      northPanel.setLayout(new GridLayout(2, 2));//网格布局
      northPanel.add(new JLabel("User name: ", SwingConstants.RIGHT));
      northPanel.add(textField);
      northPanel.add(new JLabel("Password: ", SwingConstants.RIGHT));
      northPanel.add(passwordField);

      add(northPanel, BorderLayout.NORTH);

      //在框架中央建立JTextArea组件的滚动窗格
      var textArea = new JTextArea(TEXTAREA_ROWS, TEXTAREA_COLUMNS);
      var scrollPane = new JScrollPane(textArea);

      add(scrollPane, BorderLayout.CENTER);

      // add button to append text into the text area

      var southPanel = new JPanel();

      var insertButton = new JButton("Insert");
      southPanel.add(insertButton);
      //lambda表达式监听动作
      insertButton.addActionListener(event ->
         textArea.append("User name: " + textField.getText() + " Password: "
            + new String(passwordField.getPassword()) + "\n"));

      add(southPanel, BorderLayout.SOUTH);
      pack();
   }
}

运行结果如图：

文本超过显示范围出现滚动条：

测试程序3

l 在elipse IDE中调试运行教材489页程序12-3，结合运行结果理解程序；

l 掌握复选框组件的用法；

l 记录示例代码阅读理解中存在的问题与疑惑。

代码注释如下：

CheckBoxTest.java:

package checkBox;

import java.awt.*;
import javax.swing.*;

/**
 * @version 1.35 2018-04-10
 * @author Cay Horstmann
 */
public class CheckBoxTest
{
   public static void main(String[] args)
   {
      EventQueue.invokeLater(() -> {
         var frame = new CheckBoxFrame();
         frame.setTitle("CheckBoxTest");
         frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
         frame.setVisible(true);
      });
   }
}

CheckBoxFrame.java:

package checkBox;

import java.awt.*;
import java.awt.event.*;
import javax.swing.*;

/**
 * A frame with a sample text label and check boxes for selecting font
 * attributes.
 */
public class CheckBoxFrame extends JFrame
{
   private JLabel label;
   private JCheckBox bold;
   private JCheckBox italic;
   private static final int FONTSIZE = 24;

   public CheckBoxFrame()
   {
      // add the sample text label

      label = new JLabel("The quick brown fox jumps over the lazy dog.");//用相应的文本构造了JLable组件
      label.setFont(new Font("Serif", Font.BOLD, FONTSIZE));//设置lable的字体
      add(label, BorderLayout.CENTER);//边框布局：居中位置

      // this listener sets the font attribute of
      // the label to the check box state

      //Lambda表达式
      ActionListener listener = event -> {
         int mode = 0;
         if (bold.isSelected()) mode += Font.BOLD;
         if (italic.isSelected()) mode += Font.ITALIC;
         label.setFont(new Font("Serif", mode, FONTSIZE));
      };

      // add the check boxes

      var buttonPanel = new JPanel();

      //创建复选框
      bold = new JCheckBox("Bold");
      bold.addActionListener(listener);//添加监听事件
      bold.setSelected(true);//setSelected()方法原定或取消复选框
      buttonPanel.add(bold);

      italic = new JCheckBox("Italic");
      italic.addActionListener(listener);
      buttonPanel.add(italic);

      add(buttonPanel, BorderLayout.SOUTH);
      pack();
   }
}

运行结果如图：

加粗：

倾斜：

加粗，倾斜：

测试程序4

l 在elipse IDE中调试运行教材491页程序12-4，运行结果理解程序；

l 掌握单选按钮组件的用法；

l 记录示例代码阅读理解中存在的问题与疑惑。

代码注释如下：

RadioButtonTest.java:

package radioButton;

import java.awt.*;
import javax.swing.*;

/**
 * @version 1.35 2018-04-10
 * @author Cay Horstmann
 */
public class RadioButtonTest
{
   public static void main(String[] args)
   {
      EventQueue.invokeLater(() -> {
         var frame = new RadioButtonFrame();
         frame.setTitle("RadioButtonTest");
         frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
         frame.setVisible(true);
      });
   }
}

 RadioButtonFrame.java:

package radioButton;

import java.awt.*;
import java.awt.event.*;
import javax.swing.*;

/**
 * A frame with a sample text label and radio buttons for selecting font sizes.
 */
public class RadioButtonFrame extends JFrame
{
   private JPanel buttonPanel;
   private ButtonGroup group;
   private JLabel label;
   private static final int DEFAULT_SIZE = 36;

   public RadioButtonFrame()
   {      
      // add the sample text label

      label = new JLabel("The quick brown fox jumps over the lazy dog.");
      label.setFont(new Font("Serif", Font.PLAIN, DEFAULT_SIZE));
      add(label, BorderLayout.CENTER);

      // add the radio buttons

      buttonPanel = new JPanel();
      group = new ButtonGroup();//构造ButtonGroup对象

      addRadioButton("Small", 8);
      addRadioButton("Medium", 12);
      addRadioButton("Large", 18);
      addRadioButton("Extra large", 36);

      add(buttonPanel, BorderLayout.SOUTH);
      pack();
   }

   /**
    * Adds a radio button that sets the font size of the sample text.
    * @param name the string to appear on the button
    * @param size the font size that this button sets
    */
   public void addRadioButton(String name, int size)
   {
      boolean selected = size == DEFAULT_SIZE;
      var button = new JRadioButton(name, selected);
      group.add(button);//将JRadioButton类型的对象添加到按钮组中
      buttonPanel.add(button);

      // this listener sets the label font size

      //定义动作监听器：把字体大小设置为特定值
      ActionListener listener = event -> label.setFont(new Font("Serif", Font.PLAIN, size));

      button.addActionListener(listener);
   }
}

运行结果如图：

测试程序5

l 在elipse IDE中调试运行教材494页程序12-5，结合运行结果理解程序；

l 掌握边框的用法；

l 记录示例代码阅读理解中存在的问题与疑惑。

代码注释如下：

BorderTest.java:

package border;

import java.awt.*;
import javax.swing.*;

/**
 * @version 1.35 2018-04-10
 * @author Cay Horstmann
 */
public class BorderTest
{
   public static void main(String[] args)
   {
      EventQueue.invokeLater(() -> {
         var frame = new BorderFrame();
         frame.setTitle("BorderTest");
         frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
         frame.setVisible(true);
      });
   }
}

 BorderFrame.java:

package border;

import java.awt.*;
import javax.swing.*;
import javax.swing.border.*;

/**
 * A frame with radio buttons to pick a border style.
 */
public class BorderFrame extends JFrame
{
   private JPanel demoPanel;
   private JPanel buttonPanel;
   private ButtonGroup group;

   public BorderFrame()
   {
      demoPanel = new JPanel();
      buttonPanel = new JPanel();
      group = new ButtonGroup();

      //调用BorderFactory的静态方法创建边框，不同效果的设置(见运行截图说明)
      addRadioButton("Lowered bevel", BorderFactory.createLoweredBevelBorder());
      addRadioButton("Raised bevel", BorderFactory.createRaisedBevelBorder());
      addRadioButton("Etched", BorderFactory.createEtchedBorder());
      addRadioButton("Line", BorderFactory.createLineBorder(Color.BLUE));
      addRadioButton("Matte", BorderFactory.createMatteBorder(10, 10, 10, 10, Color.BLUE));
      addRadioButton("Empty", BorderFactory.createEmptyBorder());

      //将带有标题的蚀刻边框添加到面板上
      Border etched = BorderFactory.createEtchedBorder();
      Border titled = BorderFactory.createTitledBorder(etched, "Border types");//给边框添加标题Border types
      buttonPanel.setBorder(titled);

      setLayout(new GridLayout(2, 1));//两行一列的网格布局
      add(buttonPanel);
      add(demoPanel);
      pack();
   }

   public void addRadioButton(String buttonName, Border b)
   {
      var button = new JRadioButton(buttonName);
      button.addActionListener(event -> demoPanel.setBorder(b));
      group.add(button);
      buttonPanel.add(button);
   }
}

运行结果如图：

设置凹面的效果：

设置凸面的效果：

设置蚀刻的效果：

设置线条边界，指定为蓝色：

设置垫子边界，指定为蓝色：

设置空边界：

测试程序6

l 在elipse IDE中调试运行教材498页程序12-6，结合运行结果理解程序；

l 掌握组合框组件的用法；

l 记录示例代码阅读理解中存在的问题与疑惑。

代码注释如下：

 ComboBoxTest.java:

package comboBox;

import java.awt.*;
import javax.swing.*;

/**
 * @version 1.36 2018-04-10
 * @author Cay Horstmann
 */
public class ComboBoxTest
{
   public static void main(String[] args)
   {
      EventQueue.invokeLater(() -> {
         var frame = new ComboBoxFrame();
         frame.setTitle("ComboBoxTest");
         frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
         frame.setVisible(true);
      });
   }
}

ComboBoxFrame.java:

package comboBox;

import java.awt.BorderLayout;
import java.awt.Font;

import javax.swing.JComboBox;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;

/**
 * A frame with a sample text label and a combo box for selecting font faces.
 */
public class ComboBoxFrame extends JFrame
{
   private JComboBox faceCombo;
   private JLabel label;
   private static final int DEFAULT_SIZE = 24;

   public ComboBoxFrame()
   {
      // add the sample text label

      label = new JLabel("The quick brown fox jumps over the lazy dog.");
      label.setFont(new Font("Serif", Font.PLAIN, DEFAULT_SIZE));
      add(label, BorderLayout.CENTER);

      // make a combo box and add face names

      //创建组合框
      faceCombo = new JComboBox<>();
      faceCombo.addItem("Serif");
      faceCombo.addItem("SansSerif");
      faceCombo.addItem("Monospaced");
      faceCombo.addItem("Dialog");
      faceCombo.addItem("DialogInput");

      // the combo box listener changes the label font to the selected face name

      faceCombo.addActionListener(event ->
         label.setFont(
            new Font(faceCombo.getItemAt(faceCombo.getSelectedIndex()), 
               Font.PLAIN, DEFAULT_SIZE)));

      // add combo box to a panel at the frame's southern border

      var comboPanel = new JPanel();
      comboPanel.add(faceCombo);
      add(comboPanel, BorderLayout.SOUTH);
      pack();
   }
}

运行结果如图：

实验2：结对编程练习

利用所掌握的GUI技术，设计一个用户信息采集程序，要求如下：

（1） 用户信息输入界面如下图所示:

（2） 用户点击提交按钮时，用户输入信息显示在录入信息显示区，格式如下:

 

（3） 用户点击重置按钮后，清空用户已输入信息；

（4） 点击窗口关闭，程序退出。

 实验要求：

1)   程序设计思路简述；

首先定义4*1网格，第一面板设置为1*4网格，分别添加姓名标签，文本域，地址标签，文本域。第二个面板设置为1*2网络，分别添加了两个面板，第一个面板设置单选框，第二个面板设置复选框。第三个面板定义了两个按钮，第四个面板添加一个文本区。通过点击提交按钮，对按钮事件设置了动作监听器，点击提交显示相关信息，点击重置按钮，全部信息清零。

2)   符合编程规范的程序代码；

代码如下：

UserGUITest .java:

packageUserGUITest;

importjava.awt.*;
importjavax.swing.*;

publicclassUserGUITest{
	publicstaticvoidmain(String[]args)
	{
	EventQueue.invokeLater(()->{
	varframe=newUserGUITFrame();
	frame.setTitle("UserGUITest");
	frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
	frame.setVisible(true);
	});
	}

}

UserGUITFrame.java:

packageUserGUITest;

importjava.awt.BorderLayout;
importjava.awt.Component;
importjava.awt.Dimension;
importjava.awt.FlowLayout;
importjava.awt.GridLayout;
importjava.awt.Label;
importjava.awt.TextArea;
importjava.awt.TextField;
importjava.awt.event.ActionEvent;
importjava.awt.event.ActionListener;

importjavax.swing.BorderFactory;
importjavax.swing.ButtonGroup;
importjavax.swing.JButton;
importjavax.swing.JCheckBox;
importjavax.swing.JFrame;
importjavax.swing.JLabel;
importjavax.swing.JPanel;
importjavax.swing.JRadioButton;
importjavax.swing.JScrollPane;
importjavax.swing.JTextArea;
importjavax.swing.JTextField;
importjavax.swing.SwingConstants;
importjavax.swing.border.Border;

publicclassUserGUITFrameextendsJFrame{

	publicstaticfinalintTEXTAREA_ROWS=3;
	publicstaticfinalintTEXTAREA_COLUMNS=7;
	
	publicUserGUITFrame(){
	setSize(520,470);
	setLayout(newGridLayout(4,1));
	
	JPanelfirstpanel=newJPanel();
	firstpanel.setLayout(newGridLayout(1,4));
	firstpanel.setLayout(null);
	JLabellabel1=newJLabel("姓名:");
	JTextFieldtextField1=newJTextField();
	JLabellabel2=newJLabel("地址:");
	JTextFieldtextField2=newJTextField();
	label1.setBounds(60,17,70,20);
	textField1.setBounds(110,10,130,35);
	label2.setBounds(250,17,70,20);
	textField2.setBounds(300,10,130,35);
	firstpanel.add(label1);
	firstpanel.add(textField1);
	firstpanel.add(label2);
	firstpanel.add(textField2);
	
	JPanelsecondpanel=newJPanel();
	secondpanel.setLayout(newGridLayout(1,2));
	secondpanel.setLayout(null);
	JPanelsecondpanel1=newJPanel();
	secondpanel1.setPreferredSize(newDimension(160,70));
	ButtonGroupgroup=newButtonGroup();
	JRadioButtonnan=newJRadioButton("男");
	JRadioButtonnv=newJRadioButton("女");
	group.add(nan);
	group.add(nv);
	secondpanel1.add(nan);
	secondpanel1.add(nv);
	Borderetched1=BorderFactory.createEtchedBorder();
	Bordertitle1=BorderFactory.createTitledBorder(etched1,"性别");
	secondpanel1.setBorder(title1);
	
	JPanelsecondpanel2=newJPanel();
	JCheckBoxread=newJCheckBox("阅读");
	JCheckBoxsing=newJCheckBox("唱歌");
	JCheckBoxjump=newJCheckBox("跳舞");
	secondpanel2.add(read);
	secondpanel2.add(sing);
	secondpanel2.add(jump);
	Borderetched2=BorderFactory.createEtchedBorder();
	Bordertitle2=BorderFactory.createTitledBorder(etched2,"爱好");
	secondpanel2.setBorder(title2);
	secondpanel1.setBounds(60,15,160,75);
	secondpanel2.setBounds(245,15,200,75);
	secondpanel.add(secondpanel1);
	secondpanel.add(secondpanel2);
	
	JPanelthirdpanel=newJPanel();
	JButtonqd=new	JButton("提交");
	JButtoncz=new	JButton("重置");
	thirdpanel.add(qd);
	thirdpanel.add(cz);
	
	JTextAreatextArea=newJTextArea("录入信息显示区！",TEXTAREA_ROWS,TEXTAREA_COLUMNS);
	JScrollPanefifthpanel=newJScrollPane(textArea);

	add(firstpanel);
	add(secondpanel);
	add(thirdpanel);
	add(fifthpanel);
	
qd.addActionListener(newActionListener(){
publicvoidactionPerformed(ActionEvente){
	Stringxingbie="性别:";
if(nan.isSelected()){
	xingbie+="男";
}
if(nv.isSelected()){
	xingbie+="女";
}

Stringaihao="爱好:";
if(read.isSelected()){
	aihao+="阅读";
}
if(sing.isSelected()){
	aihao+="唱歌";
}
if(jump.isSelected()){
	aihao+="跳舞";
}
textArea.setText(null);
textArea.append("姓名："+textField1.getText()+""+"地址："+textField2.getText()+""+xingbie+""+aihao+'\n');

}
});
cz.addActionListener(newActionListener(){

publicvoidactionPerformed(ActionEvente){
	textField1.setText(null);
	textField2.setText(null);
read.setSelected(false);
sing.setSelected(false);
jump.setSelected(false);
group.clearSelection();
textArea.setText("录入信息显示区！");
}
});
}
	
}

3)   程序运行功能界面截图；

提交前：

提交后：

重置后：

4)   结对过程描述，提供两人在讨论、细化和编程时的结对照片(非摆拍)。

  首先我和我的小伙伴高文利各自写了代码，在过程中相互交流了自己的看法。但是一个人写出来的总有一些欠缺，基本实现后两人一起讨论完善，互相补足自己的代码。最后完成了现在样子的代码。

  细化程序时的照片：

  

实验总结：

在这一章的理论学习和代码测试以及结对编程，让我对布局管理以及各组件的设置方法的应用有了由浅到深的理解与掌握，在这次的结对编程中让我有了很大收获，吸收了别人在同样的问题中的解决思路与方法，完善了自我。还有在上周助教交给我们四种方法监听动作事件，是听懂了但是不会用，通多这次的实验以及助教的二次讲解，确实让我加深了之间的区别的对四种方法的掌握。