201871010124-王生涛《面向对象程序设计（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: