Java应用开发与实践-第7章图形用户界面设计1.ppt

《Java应用开发与实践-第7章图形用户界面设计1.ppt》由会员分享，可在线阅读，更多相关《Java应用开发与实践-第7章图形用户界面设计1.ppt（43页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Java应用开发与实践第第二二部分部分 酒店管理系统的设计酒店管理系统的设计了解图形用户界面及awt和swing两个相关的包掌握三大布局管理器的使用了解容器和组件的概念掌握常见的容器和组件的使用n 7.1 图形用户界面简介图形用户界面简介n 7.2 三大布局管理器三大布局管理器n 7.3 容器容器n 7.4 组件组件n 7.5 实训实训7 图形用户界面设计的基础练习图形用户界面设计的基础练习目录目录7.1 图形用户界面简介lGUI是指采用图形方式显示的计算机操作环境用户接口。l在图形用户界面中，计算机画面上显示窗口、图标、按钮等图形表示不同目的的动作，用户通过鼠标等指针设备进行选择。它包括视窗

2、、表格、文本框、文件界面、标签、菜单、图标和按钮等元素。l图形用户界面为用户提供了丰富的元素，用户通过窗口、菜单、按键等方式来方便地进行操作。7.1.1 认识图形用户界面（GUI）7.1 图形用户界面简介ljava.awt包，即Abstract Window ToolKit (抽象窗口工具包)，需要调用本地系统方法实现功能，属重量级控件，主要提供字体/布局管理器。ljavax.swing包（商业开发常用），在awt的基础上，建立的一套图形界面系统，其中提供了更多的组件，而且完全由Java实现。增强了移植性，属轻量级控件。主要提供各种组件(窗口/按钮/文本框)。lJava包java.awt和ja

3、vax.swing是Java设计GUI用户界面的基础。与awt的重量级组件不同，swing中大部分是轻量级组件。lswing是架构在awt之上的，没有awt就没有swing。所以我们可以根据自己的习惯选择使用awt或者是swing。7.1.2 awt与swing简介GUI各个类之间的包含关系在实际的开发中，代码需要引入代码需要引入awtawt和和swingswing这两个包这两个包。7.2 三大布局管理器l容器只管将其他组件放入其中，而不管这些组件是如何放置的。对于布局的管理交给专门的布局管理器类（LayoutManager）来完成。lJava 已经为我们提供了几个常用的布局管理器类，例如：F

4、lowLayout、BorderLayout、GridLayout、GridBagLayout等。7.2 三大布局管理器l边界布局把整个窗口分成了5个部分，上北、下南、左西、右东，剩下的是中部。其中，北和南是整行，而中/西/东都不是整列。一般只会出现2个或3个部分。组件放入时需要指定放在哪个区域，默认放在中部。每个部分只能存放一个组件，如果存放多个就会覆盖先前放置的组件。如果想放多个组件，必须借助面板（JPanel）。组件在边框布局中不保持原始大小，会充满整个区域。lJFrame的默认布局就是边框布局。如果某个部分不出现，这个区域会被出现的部分挤占。7.2.1 边界布局BorderLayout

5、边界布局BorderLayout7.2 三大布局管理器JButton jb1,jb2,jb3,jb4,jb5,jb6; /定义组件jb1=new JButton(中); /创建组件jb2=new JButton(东);jb3=new JButton(西);jb4=new JButton(南);jb5=new JButton(北);jb6=new JButton(不知道);this.add(jb1,BorderLayout.CENTER); /添加组件this.add(jb2,BorderLayout.EAST);this.add(jb3,BorderLayout.WEST);this.add(

6、jb4,BorderLayout.SOUTH);this.add(jb5,BorderLayout.NORTH);7.2.1 边界布局BorderLayout7.2 三大布局管理器l流式布局像在书本上的字一样从左向右排列，流式布局中的组件也是从左向右排列，一行排满后自动换下一行。组件默认居中对齐，可以设置为左/右对齐。流布局会维持组件的原始大小。l流式布局是JPanel（面板）的默认布局。 l容器可以使用setLayout()方法改变布局。7.2.2 流式布局FlowLayout流式布局FlowLayoutJButton jb1, jb2, jb3, jb4, jb5, jb6;jb1 = n

7、ew JButton(1);jb2 = new JButton(2);jb3 = new JButton(3);jb4 = new JButton(4);jb5 = new JButton(5);jb6 = new JButton(6);this.add(jb1);this.add(jb2);this.add(jb3);this.add(jb4);this.add(jb5);this.add(jb6);/ 设置流式布局管理器(左右对齐中对齐)this.setLayout(new FlowLayout(FlowLayout.RIGHT);7.2.2 流式布局FlowLayout7.2 三大布局管

8、理器l网格布局就是把窗口分成几行几列的表格方式，构造时需要指定行数和列数。组件在网格布局中不保持原始大小，会充满整个区域。组件在网格布局中，一个格子只放一个组件，按照先后顺序自动向后排列。7.2.3 网格布局GridLayout7.2 三大布局管理器JButton jb1, jb2, jb3, jb4, jb5, jb6;jb1 = new JButton(1);jb2 = new JButton(2);jb3 = new JButton(3);jb4 = new JButton(4);jb5 = new JButton(5);jb6 = new JButton(6);this.add(jb1

9、);this.add(jb2);this.add(jb3);this.add(jb4);this.add(jb5);this.add(jb6);this.setLayout(new GridLayout(3,3,10,10); /设置网格布局管理器7.2.3 网格布局GridLayout7.3 容器l容器是一种保存和组织其他组件的特殊的组件，在swing中，容器可以用来设置布局管理器，用于管理容器中组件、布局组织界面，容器中可以添加容器和组件。常用的容器有如下几种： l顶层容器：JFrame，JApplet，JDialog，JWindow l中间容器：JPanel，JScrollPane，JS

10、plitPane，JToolBar l特殊容器：在GUI上起特殊作用的中间层，如JinternalFrame，JlayeredPane，JrootPane。l其中顶级容器可独立存在，而普通容器：如JPanel、JScrollPane，不能独立存在，必须放在其他容器中。7.3.1 基本容器组件7.3 容器lJFrame窗体是一种容器，窗体是显示为具有标题栏的独立窗口，窗体可以用鼠标来改变大小，用JFrame类来定义。lJFrame 类允许程序员把其他组件添加到它里面，把它们组织起来，并把它们呈现给用户。lJFrame表面上显得很简单，实际上它是 swing 包中最复杂的组件。为了最大程度地简化组

11、件，在独立于操作系统的 swing 组件与实际运行这些组件的操作系统之间，JFrame 起着桥梁的作用。lJFrame 在本机操作系统中是以窗口的形式注册的，这么做之后，就可以得到许多熟悉的操作系统窗口的特性：最小化/最大化、改变大小、移动等。7.3.2 JFrame窗体public class Demo7_1 public static void main(String args) JFrame jf = new JFrame(my java window); jf.setSize(300,400);/设置窗体大小jf.setBounds(300,200,500,400); /设置窗体的位置

12、和大小(x,y,width,height)jf.setVisible(true); /设置窗体可见7.3.2 JFrame窗体创建窗体并直接设置标题7.3 容器l面板是一种swing的非顶层容器，因为它也继承了java.awt.Container类，它可以作为容器容纳其他组件，但面板不能独立显示，必须被添加到其它容器中。lswing组件中常用的面板包括JPane面板以及JScrollPane面板。7.3.3 面板7.3 容器JPanel面板lJPanel面板是最常用的一种面板，它可以聚集其他的组件来布局。l通常，一个界面只能有一个JFrame 窗体组件，但是可以有多个JPanel面板组件，而且

13、在JPanel上也是可以用FlowLayOut，BorderLayOut，GirdLayOut等各种布局管理器，这样组合使用，可以达到较为复杂的布局效果。lJPanel的默认布局为FlowLayout。7.3.3 面板1. JPanel面板创建及使用JPanel的步骤如下：1) 声明并创建JPanel对象。 2) 将其它组件加入到JPanel对象。3) 将JPanel对象加入到某个容器。JPanel类的常用构造方法有：lJPanel()，创建一个JPanel对象。 lJPanel(LayoutManager layout)，创建JPanel对象时指定布局layout。 7.3.3 面板/ 创建

14、面板jp1,jp2,jp3JPanel jp1 = new JPanel();JPanel jp2 = new JPanel();JPanel jp3 = new JPanel();/ 往面板对象中添加按钮组件jp1.add(new JButton(按钮1);jp2.add(new JButton(按钮2);jp3.add(new JButton(按钮3);/ 在面板中添加完按钮后，要把面版放在容器中，首先要创建容器Container jpcon = getContentPane();/ 容器创建好了之后就可以将面板放进去jpcon.add(jp1);jpcon.add(jp2);jpcon.

15、add(jp3);7.3.3 面板7.4 组件l以图形化的方式显示在用户屏幕上，和用户进行交互的对象就叫做组件。l通常分成两类组件，一类是按钮、文本框、文本域、菜单，标签，滚动条、复选按钮、单选按钮等。l另一类是容器，如窗体、Panel等，它的作用主要是用来组织界面上的组件或者单元。7.4 组件l按钮是图形界面上常见的元素。l在swing中按钮是 JButton 类的对象。JButton btn1=new JButton(普通按钮); /创建JButton对象btn1JButton btn2=new JButton(带背景颜色按钮);btn2.setBackground(Color.pink)

16、; /设置按钮背景色JButton btn3=new JButton(不可用按钮);btn3.setEnabled(false); /设置按钮不可用JButton btn4=new JButton(底部对齐按钮);Dimension preferredSize=new Dimension(180,80); /设置尺寸7.4.1 按钮7.4 组件l标签JLabel组件显示用户不能修改的信息，这种信息可以是文本、图形或两者的组合。这些组件常用于标识界面中的其它组件，因此而得名。它们常用于标识文本框。JPanel jp=new JPanel(); /创建JPanel对象jpJLabel pageLa

17、bel = new JLabel(请输入编号, JLabel.RIGHT); jp.add(pageLabel);7.4.2 标签和文本框7.4 组件l文本框JTextField组件是用户可以输入单行文本的区域。创建文本框时，可以设置其宽度。JTextField jtfId = new JTextField(20); /文本框jp.add(jtfId);7.4.2 标签和文本框7.4 组件l复选框(JCheckBox)和单选按钮(JradioButton)都是选择组件，选择组件有两种状态，一种是选中(on)，另一种是未选中(off)，它们提供一种简单的 “on/off”选择功能，让用户在一组选

18、择项目中作选择。复选框的选中与否的形状是一个小方框，被选中则在框中打勾。当在一个容器中有多个选择框，同时可以有多个选择框被选中。JCheckBox jcb1,jcb2,jcb3;jcb1=new JCheckBox(Java Web项目实战);jcb2=new JCheckBox(人工智能);jcb3=new JCheckBox(大数据);jp1.add(jcb1);jp1.add(jcb2);jp1.add(jcb3);7.4.3 复选框和单选按钮l当在一个容器中放入多个选择框，且没有ButtonGroup对象将它们分组，则可以同时选中多个选择框。如果使用ButtonGroup对象将选择框分

19、组，同一时刻组内的多个选择框只允许有一个被选中，称同一组内的选择框为单选框。单选框分组的方法是先创建ButtonGroup对象，然后将希望为同组的选择框添加到同一个ButtonGroup对象中。JRadioButton jrb1,jrb2;ButtonGroup bg1;jrb1=new JRadioButton(男);jrb2=new JRadioButton(女);bg1=new ButtonGroup();bg1.add(jrb1); /单选框组件jrb1,jrb2加入到ButtonGroupbg1.add(jrb2);jp2.add(jrb1);jp2.add(jrb2);7.4.3

20、复选框和单选按钮7.4 组件l列表框(JList)是JList类或它的子类的对象,程序可以在列表框中加入多个文本选择项条目。一般只能按列表形式显示并选择其中的内容，不带文本框。l滚动窗格(ScrollPane)和组合框一起使用，可以选择在窗口中显示组合框需要的行数。JList jlst; /列表框JScrollPane jsp; /滚动窗格String arr2=游泳,绘画,演讲,舞蹈;jlst=new JList(arr2);jlst.setVisibleRowCount(2); /设置你要显示的选项的个数jsp=new JScrollPane(jlst);jp2.add(jsp); /这里

21、写的是加入的jsp，不是jlst7.4.4 列表框和组合框、滚动窗格7.4 组件l组合框(JComboBox)是文本框和列表的组合，用户可以在文本框中输入选项，也可以单击下拉按钮从显示的列表中进行选择，仅仅选择一个。也称为下拉列表。组合框与一组单选按钮的功能类似。JComboBox jcb; /组合框jcb=new JComboBox(arr1);jp1.add(jcb);7.4.4 列表框和组合框、滚动窗格7.4 组件l下拉式菜单通过出现在菜单条上的名字可视化表示，菜单条(JMenuBar)通常出现在JFrame的顶部，一个菜单条显示多个下拉式菜单的名字。l一个菜单条可以放多个菜单(JMen

22、u)，每个菜单又可以有许多菜单项(JMenuItem)。l每个菜单又有许多菜单项。l向窗口增设菜单的方法是：先创建一个菜单条对象，然后再创建若干菜单对象，把这些菜单对象放在菜单条里，再按要求为每个菜单对象添加菜单项。7.4.5 菜单7.4 组件1. 菜单条l菜单条也叫菜单栏，菜单条对象由类JmenuBar创建。菜单条通常是增设在窗口，作用是把菜单加入到窗口中供用户使用，菜单条本身并不显示在窗口中。例如，下面代码创建菜单条对象jmb： JMenuBar jmb = new JMenuBar();l在窗口中增设菜单条，必须使用JFrame类中的setJMenuBar()方法。代码如下： this.

23、setJMenuBar(jmb);7.4.5 菜单7.4 组件2. 菜单由类JMenu创建的对象就是菜单。它只有添加在菜单条中才能显示在窗口中，供用户使用。/ 创建菜单对象JMenu jm = new JMenu(菜单名称); jmb.add(jm); / 将菜单对象添加到菜单条对象中7.4.5 菜单7.4 组件3.菜单项类JMenuItem 的实例就是菜单项。类JMenuItem的常用方法如下：JMenuItem jmi = new JMenuItem(菜单项名称); / 创建菜单项对象jm.add(jmi); / 将菜单项对象添加到菜单对象中7.4.5 菜单7.4 组件l对话框是一种比较特

24、殊的窗口，它是人机对话提供交互模式的一种工具。当需要弹出独立的小窗口来显示信息或从用户那里收集信息的时候，对话框是很好的选择。l对话框是向用户显示信息并获取程序继续运行所需要的数据的窗口，能与用户很好的进行交互。对话框有边框、标题、按钮，它不仅独立存在，还要求不能被其它容器包容。通常对话框没有菜单及最大、小按钮。lJava语言提供多种对话框类来支持多种形式的对话框，常用的对话框类有两个，它们是JDialog类和JOptionPane类。JDialog类提供构造并管理通用对话框；JOptionPane类给一些常见的对话框提供许多便于使用的选项。7.4.6 对话框7.4 组件l对话框是一种比较特殊

25、的窗口，它是人机对话提供交互模式的一种工具。当需要弹出独立的小窗口来显示信息或从用户那里收集信息的时候，对话框是很好的选择。l对话框是向用户显示信息并获取程序继续运行所需要的数据的窗口，能与用户很好的进行交互。对话框有边框、标题、按钮，它不仅独立存在，还要求不能被其它容器包容。通常对话框没有菜单及最大、小按钮。lJava语言提供多种对话框类来支持多种形式的对话框，常用的对话框类有两个，它们是JDialog类和JOptionPane类。JDialog类提供构造并管理通用对话框；JOptionPane类给一些常见的对话框提供许多便于使用的选项。7.4.6 对话框dialog = new MyDia

26、log(this, 对话框1); /创建对话框1对象dialog.setVisible(true); /设置对话框可见public MyDialog(JFrame f, String s) super(f, s, true); / 构造一个标题为s，初始化不可见的对话框,参数f设置对话框所依赖的窗口dialogTitle = new JLabel(向主窗口的文本框发送信息);dialogTextField = new JTextField(20);dialogTextField.setEditable(true); /设置文本框可编辑sendButton = new JButton(发送信息)

27、;sendButton.addActionListener(this); /给按钮sendButton添加一个监听者MyDialog对象this.add(dialogTitle);this.add(dialogTextField); 7.4.6 对话框7.4.6 对话框消息对话框类型图标说明JOptionPane.ERROR_MESSAGE显示向用户表明错误的对话框JOptionPane.INFORMATION_MESSAGE显示向用户传达指示性信息的对话框；用户可以仅取消该对话框JOptionPane.WARNING_MESSAGE显示警告的对话框，说明某个潜在的问题JOptionPane.

28、QUESTION_MESSAGE显示向用户提出问题的对话框。该对话框通常要求用户响应，诸如单击Yes或者No按钮7.4.6 对话框JOptionPane.showMessageDialog(null, 输入有误!, 出错啦, JOptionPane.ERROR_MESSAGE);7.5 实训7 图形用户界面设计基础练习要求：把6个JButton类放在主窗口上，利用JPanel中间容器生成如图7-18的布局。任务1：三种布局器的混合使用7.5 实训7 图形用户界面设计基础练习要求：把ComboBox类、JTextField类放在主窗口上，利用JPanel中间容器生成如图7-19的布局。任务2：利

29、用下拉列表框ComboBox选择列表项7.5 实训7 图形用户界面设计基础练习要求：多行文本框、多级菜单、下拉框的组合创建记事本的图形用户界面，记事本的边界美化。任务3：利用多行文本框、菜单、下拉框等制作记事本GUI小结l在swing编程中，有一些经常要使用到的组件，其中包括：JFrame（窗体，框架）、JPanel（面板，容器）、JButton（按钮）、JLabel（标签）、JTextField（文本框）、JTextArea（文本域）。l创建GUI需要下面的步骤：1. 分析并定义GUI中需要使用的组件。2. 将GUI分成几个部分，每个部分使用JPanel布局。每个JPanel可以根据情况使用不同的布局管理器。3. 将多个JPanel布局到一个JFrame上。