正文开头:
项目 |
内容 |
这个作业属于哪个课程 |
https://home.cnblogs.com/u/nwnu-daizh/ |
这个作业的要求在哪里 |
https://www.cnblogs.com/nwnu-daizh/p/11953993.html |
作业学习目标 |
(1)掌握GUI布局管理器用法; (2)掌握Java Swing文本输入组件用途及常用API; (3)掌握Java Swing选择输入组件用途及常用API; |
正文内容:
第一部分:总结第十二章理论知识
一、 Swing和模型-视图-控制器设计模式
1.模型-视图-控制器设计模式
(1)组件的三个要素:内容,外观,行为
(2)模式的三个独立的类:
模型:存储内容model
视图:显示内容view
控制器:处理用户输入的内容controller
(3)模型-视图-控制器分析
JButton是一个继承了JComponent的包装器类,JComponent包含一个DefaultButtonModel对象,一个负责按钮试图的BasicButtonUI对象以及一些视图数据。
二、 布局管理
1.布局管理器是一组类,一共有五个,每种布局管理器都对应一种不同的布局策略,在工程中常采用多种布局管理器协调工作。
2.5种常用的布局管理器:(1)BorderLayout:边框布局( Window、Frame和Dialog的默认布局管理器,自动扩展组件大小)
(2)FlowLayout:流布局(Applet和Panel的默认布局管理器)
(3)GridLayout:网格布局
(4)CardLayout :卡片布局
(5)GridBagLayout: 网格组布局
12-3文本输入:
1. 文本域(JTextField)
获取单行文本输入。
eg:JPanel panel = new JPanel();
JTextField textField = new JTextField("Default input", 20);
panel.add(textField);
API:String getText() ;
void setText(String text) :获取或设置文本组件中的文本
boolean isEditable() ;是否可编辑
void setEditable(boolean b) 获取或设置editable特性,这个特性决定了用户是否可以编辑文本组件中的内容。
2 .文本域(JTextArea)
用户可输入多行文本。可以指定文本区的行数和列
如果文本区的文本超出了给定显示范围,超出范围的文本会被剪裁
应用编程接口:J
TextArea(String text,int rows, int cols) 用初始文本构造一个文本区对象
JTextArea(int rows, int cols) 构造一个rows行cols列的文本区对象
void setRows(int rows) 设置文本域使用的行数
void append(String newText) 将给定文本附加到文本区中已有文本之后
3.标签和标签组件
标签是容纳文本的组件。可以利用标签标识组件
步骤:用相应的文本构造一个JLable组件
放在需要标识的组件的最近位置
应用编程接口:
JLable(String text,int align)
JLable(Icon icon) 图标
JLable(String text)
JLable(String text,Icon icon,int align)
String getText()
void setText(String text) 获取或设置标签的文本
4.密码域
特殊类型的文本域,每个输入的字符都用*显示,不可见
应用编程接口:
JPasswordField(String text):创建指定初始文本信息的密码文本框。
JPasswordField(String text,int columns):创建指定文本和列数的密码文本框。
JPasswordField():空的密码文本框。
JPasswordField(int columns):创建指定列数的密码文本框。
5.滚动窗格:
需要滚动条,将文本区加入到滚动窗格中
四、选择组件
1. 复选框
想要接收的输入是“是”或“非”,就可以使用复选框组件。用户通过单击某个复选框来选择相应的选项,再点击则取消选择
2.单选按钮
只选择几个选项中的一个。
构造器:
JRadioButton(String label,boolean state);
JRadioButton(String label,Icon icon); 创建一个带标签和图标的单选按钮
3.边框
如果在一个窗口中有多组复选框或单选按钮,需要可视化的形式指明哪些按钮属于同一组。
Swing提供了一 组很有用的边框 ( borders)。
创建:BorderFactory类的静态方法创建。
4. 滑动条:
可以从一组离散值中进行选择,允许进行连续值得选择。
5.组合框
如果有多个选择项,使用单选按钮占据的屏幕空间太大时,就可以选择组合框。
常用方法:
faceCombo.setEditable(true); 组合框可编辑
faceCombo = new JComboBox();
faceCombo.addItem("Serif");
第二部分:实验部分
实验1: 导入第12章示例程序,测试程序并进行组内讨论。
测试程序1
在elipse IDE中运行教材479页程序12-1,结合运行结果理解程序;
掌握布局管理器的用法;
理解GUI界面中事件处理技术的用途。
在布局管理应用代码处添加注释;
代码:
Calculator.java
package calculator; import java.awt.*; import javax.swing.*; public class Calculator { public static void main(String[] args) { EventQueue.invokeLater(() -> { CalculatorFrame frame = new CalculatorFrame(); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//设置可关闭 frame.setVisible(true);//设置可见 frame.setTitle("Calculator"); }); } }
CalculatorFrame.java
package calculator; import javax.swing.*; public class CalculatorFrame extends JFrame { public CalculatorFrame() { add(new CalculatorPanel()); pack();//组件大小自适应 } }
CalculatorPanel.java
package calculator; import java.awt.*; import java.awt.event.*; import javax.swing.*; public class CalculatorPanel extends JPanel { private JButton display; private JPanel panel; private double result; private String lastCommand; private boolean start; public CalculatorPanel()//构造器 { setLayout(new BorderLayout());//使用边框布局 result = 0; lastCommand = "="; start = true; // add the display display = new JButton("0"); display.setEnabled(false);//只可视,不可点击 add(display, BorderLayout.NORTH); InsertAction insert = new InsertAction(); CommandAction command = new CommandAction(); // add the buttons in a 4 x 4 grid 4*4的网格 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); } private void addButton(String label, ActionListener listener) { JButton button = new JButton(label); button.addActionListener(listener); panel.add(button); } private class InsertAction implements ActionListenerActionListener { 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//CommandAction实现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; } } } 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); } }
运行结果:
计算5*6的结果:
测试程序2
在elipse IDE中调试运行教材486页程序12-2,结合运行结果理解程序;
掌握文本组件的用法;
记录示例代码阅读理解中存在的问题与疑惑。
代码:
TextComponentTestjava
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(() -> { TextComponentFrame 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//TextComponentFrame继承JFrame { public static final int TEXTAREA_ROWS = 8;//8行 public static final int TEXTAREA_COLUMNS = 20;//20列 public TextComponentFrame() { JTextField textField = new JTextField();//构造空白文本域 JPasswordField passwordField = new JPasswordField();//添加密码域 JPanel northPanel = new JPanel();//面板 northPanel.setLayout(new GridLayout(2, 2));//将面板的默认布局构造器(流布局)修改为网格布局,网格为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 textArea = new JTextArea(TEXTAREA_ROWS, TEXTAREA_COLUMNS); JScrollPane scrollPane = new JScrollPane(textArea);//添加滚动条 add(scrollPane, BorderLayout.CENTER);//居中显示 // add button to append text into the text area 添加按钮 JPanel southPanel = new JPanel(); JButton insertButton = new JButton("Insert"); southPanel.add(insertButton); insertButton.addActionListener(event -> textArea.append("User name: " + textField.getText() + " Password: " + new String(passwordField.getPassword()) + "\n")); add(southPanel, BorderLayout.SOUTH);//显示在南方 pack();//设置组件大小自适应 } }
运行结果:
疑惑:lambda表达式还是不太理解
测试程序3
在elipse IDE中调试运行教材489页程序12-3,结合运行结果理解程序;
掌握复选框组件的用法;
记录示例代码阅读理解中存在的问题与疑惑。
代码:
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(() -> { CheckBoxFrame 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."); label.setFont(new Font("Serif", Font.BOLD, FONTSIZE)); add(label, BorderLayout.CENTER);//边框布局管理器,在中心 // this listener sets the font attribute of // the label to the check box state //设置字体 ActionListener listener = event -> {//lambda表达式 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 JPanel 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
在elipse IDE中调试运行教材491页程序12-4,运行结果理解程序;
掌握单选按钮组件的用法;
记录示例代码阅读理解中存在的问题与疑惑。
代码:该程序用来选择字体大小
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(() -> { RadioButtonFrame frame = new RadioButtonFrame(); frame.setTitle("RadioButtonTest"); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); frame.setVisible(true); }); } }
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(); 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; JRadioButton button = new JRadioButton(name, selected); group.add(button); 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
在elipse IDE中调试运行教材494页程序12-5,结合运行结果理解程序;
掌握边框的用法;
记录示例代码阅读理解中存在的问题与疑惑。
有各种边框的外观
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); }); } }
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(); 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"); buttonPanel.setBorder(titled); setLayout(new GridLayout(2, 1)); add(buttonPanel); add(demoPanel); pack(); } public void addRadioButton(String buttonName, Border b) { JRadioButton button = new JRadioButton(buttonName); button.addActionListener(event -> demoPanel.setBorder(b)); group.add(button); buttonPanel.add(button); } }
运行结果:
测试程序6
在elipse IDE中调试运行教材498页程序12-6,结合运行结果理解程序;
掌握组合框组件的用法;
记录示例代码阅读理解中存在的问题与疑惑。
代码:
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 JComboBoxfaceCombo;//JComboBox是一个泛型类,JComboBox 包含String类型的对象 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 JPanel comboPanel = new JPanel(); comboPanel.add(faceCombo); add(comboPanel, BorderLayout.SOUTH); pack(); } }
运行结果:
实验2:结对编程练习
利用所掌握的GUI技术,设计一个用户信息采集程序,要求如下:
(1) 用户信息输入界面如下图所示:
(2) 用户点击提交按钮时,用户输入信息显示在录入信息显示区,格式如下:
(3) 用户点击重置按钮后,清空用户已输入信息;
(4) 点击窗口关闭,程序退出。
一、编程设计思路:
根据题目要求先设计
1,四个面板还有一个TextArea域,布局采用网格 布局设置为四行一列的面板布局,不同面板之间间距为五十个像素
2,给每个按钮 添加不同的事件监听器
二、编程代码:
package border; import java.awt.EventQueue; import javax.swing.JFrame; public class Mian { public static void main(String[] args) { EventQueue.invokeLater(() -> { DemoJFrame page = new DemoJFrame(); }); } }
package border; import java.awt.BorderLayout; import java.awt.Color; import java.awt.Dimension; import java.awt.FlowLayout; import java.awt.GridLayout; import java.awt.LayoutManager; import java.awt.Panel; import java.awt.TextArea; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.io.BufferedReader; import java.io.File; import java.io.FileInputStream; import java.io.IOException; import java.io.InputStreamReader; import java.util.ArrayList; import java.util.Timer; import java.util.TimerTask; import javax.swing.BorderFactory; import javax.swing.ButtonGroup; import javax.swing.ButtonModel; import javax.swing.JButton; import javax.swing.JCheckBox; import javax.swing.JComboBox; import javax.swing.JFrame; import javax.swing.JLabel; import javax.swing.JPanel; import javax.swing.JRadioButton; import javax.swing.JTextField; import javax.swing.border.Border; public class DemoJFrame extends JFrame { private JPanel Panel1; private JPanel Panel2; private JPanel Panel3; private JPanel Panel4; private TextArea Area; private JTextField fieldname; private JComboBox comboBox; private JTextField fieldadress; private ButtonGroup bg; private JRadioButton man; private JRadioButton women; private JCheckBox sing; private JCheckBox dance; private JCheckBox draw; private JButton button1; private JButton button2; String sex; public DemoJFrame() { // 设置窗口大小 this.setSize(500, 500); // 设置可见性 this.setVisible(true); // 设置标题 this.setTitle("UserGUITest"); this.setDefaultCloseOperation(EXIT_ON_CLOSE); Panel1 = new JPanel(); setJPanel1(Panel1); Panel2 = new JPanel(); setJPanel2(Panel2); Panel3 = new JPanel(); setJPanel3(Panel3); this.add(Panel1); this.add(Panel2); this.add(Panel3); JPanel Panelmax = new JPanel(); Panelmax.add(Panel2); Panelmax.add(Panel3); this.add(Panelmax); button1 = new JButton("提交"); button2 = new JButton("重置"); Panel op = new Panel(); op.add(button1); op.add(button2); this.add(op); Panel4 = new JPanel(); setJPanel4(Panel4); this.add(Panel4); button1.addActionListener((e) -> valiData()); button2.addActionListener((e) -> Reset()); setLayout(new GridLayout(4, 1, 0, 50)); } /* * 设置面板一 */ private void setJPanel1(JPanel jPanel) { JLabel name = new JLabel("姓名:"); // name.setSize(100, 50); fieldname = new JTextField(8); JLabel address = new JLabel("地址:"); fieldadress = new JTextField(15); // address.setSize(100, 50); jPanel.add(name); jPanel.add(fieldname); jPanel.add(address); jPanel.add(fieldadress); // this.add(Panel1,BorderLayout.NORTH); } /* * 设置面板二 */ private void setJPanel2(JPanel jPanel) { // JLabel sex = new JLabel("性别"); JPanel selectBox = new JPanel(); Border etched = BorderFactory.createEtchedBorder(); Border titled = BorderFactory.createTitledBorder("性別"); jPanel.setBorder(titled); // selectBox.setLayout(new GridLayout(2, 1)); bg = new ButtonGroup(); man = new JRadioButton("男"); women = new JRadioButton("女"); bg.add(man); bg.add(women); selectBox.add(man); selectBox.add(women); // jPanel.add(sex); jPanel.add(selectBox); // this.add(Panel2,BorderLayout.WEST); } /* * 设置面板三 */ private void setJPanel3(JPanel jPanel) { // JLabel study = new JLabel("爱好:"); JPanel selectBox = new JPanel(); Border titled2 = BorderFactory.createTitledBorder("爱好"); jPanel.setBorder(titled2); // selectBox.setBorder(BorderFactory.createTitledBorder("")); sing = new JCheckBox("唱歌"); dance = new JCheckBox("跳舞"); draw = new JCheckBox("阅读"); selectBox.add(sing); selectBox.add(dance); selectBox.add(draw); jPanel.add(selectBox); } /* * 设置面板四 */ private void setJPanel4(JPanel jPanel) { Area = new TextArea(" 录入信息显示区!"); Panel4.add(Area); this.add(Panel4); this.add(Panel4, BorderLayout.SOUTH); } private void valiData() { String name = fieldname.getText().toString().trim(); String address = fieldadress.getText().toString().trim(); System.out.println(name); String hobbystring = ""; if (sing.isSelected()) { hobbystring += "唱歌 "; } if (dance.isSelected()) { hobbystring += "跳舞 "; } if (draw.isSelected()) { hobbystring += "阅读 "; } System.out.println(address); if (man.isSelected()) { System.out.println("男"); this.sex="男"; } if (women.isSelected()) { System.out.println("女"); this.sex="女"; } System.out.println(hobbystring); Area.setText(null); Area.setText("姓名:"+name+" 地址:"+address+" 性别:"+sex+" 爱好:"+hobbystring); } private void Reset() { fieldadress.setText(null); fieldname.setText(null); sing.setSelected(false); dance.setSelected(false); draw.setSelected(false); bg.clearSelection(); Area.setText(null); } }
三、运行结果:
初始界面
运行结果:
点击重置后:
结对编程对象:李岩松
实验总结:
通过本次实验,我掌握了GUI布局管理器的用法,了解到了Java Swing文本输入组件用途及常用接口,并加以运用。我进一步了解了GUI图形用户界面的知识,由于是可视化的内容,但在自己写代码时还是存在一些生疏,在以后的学习中,我会多练习应用,争取让自己的能力得以进一步锻炼。