07图形界面设计课件.ppt

1、Java图形界面编程 Java图形界面编程“没有图片或对话，”爱丽丝想，“一本书还能有什么用呢？”刘易斯.卡莱尔，爱丽丝漫游奇境记Java图形界面编程 学习目标学习目标 n掌握用AWT来设计图形用户界面的方法，尤其是组件、容器、布局管理器等概念。n学习AWT事件处理模型，掌握事件源、事件、事件处理者等概念，让程序能够响应用户的操作。n了解AWT各个组件的用法及所采用的事件处理接口。Java图形界面编程 学习指南学习指南 n理解概念，多实践，勤思考，举一反三。Java图形界面编程 难难 重重 点点n【重点重点】事件处理模型。n【难点难点】内部类匿名类在AWT中的应用。Java图形界面编程 知知

2、识识 点点 用AWT/SWING设计图形化用户界面 容器布局管理器 事件处理模型 组件库Java图形界面编程 Java程序的用户界面 用户界面是用户和计算机系统交互的接口。用户界面功能是否完善和便捷直接影响到用户对软件的使用。图形用户界面（Graphics User Interface）简称GUI，使用图形的方式借助菜单、按钮等标准界面元素和鼠标操作，帮助用户方便的发出系统命令，启动操作。Java语言为了方便图形用户界面的开发，设计了专门的类库来生成各种标准图形界面和处理图形界面的各种事件。这个类库就是java.awt包。Java图形界面编程 Java程序的用户界面一个GUI系统的基本组成 提

3、供最基本的可视化控件 按钮、标签、文本框、能将基本GUI控件组织为包容层次的容器组件 顶层容器、中间容器、容器中可容纳其他容器、负责管理容器中组件布局的组件 边界布局管理器、流布局管理器、事件处理模式Java图形界面编程 awt：Abstract Window Toolkit抽象窗口工具集 从Java1.0中出现。AWT组件，都是“重量级”的组件 awt处理用户界面元素的方法是把这些元素的创建和行为委托给每个目标平台(如windows,Linux)上的本地GUI处理。每个平台提供的图形界面元素都不一样。不同平台上的awt库存在不同Bug。awt的事件处理模型在Java1.1版进行了大的改动后，

4、到目前的版本基本没变。swing：Java 2.0中出现。Swing组件全部是由纯Java编写的，用户界面元素都绘制在空白窗口上，绘制和行为都由swing类自己完成。各平台之间唯一不同的就是最外层窗口的创建。总结：现在编写Java图形界面程序，使用“swing组件+awt事件处理”模型。Java图形界面编程 图形用户界面中常用的组件图形用户界面中常用的组件 Java图形界面编程 Swing 结构ObjectComponentJFrameContainerWindowFrameDialogJDialogJTextJComboBoxJLabelJListJMenuBarJOptionPaneJPa

5、nelJScrollBarAbstractButtonJToggleButtonJMenuItemJButtonJCheckBoxJRadioButtonJComponentJMenuJava图形界面编程 Swing介绍Java1.2引入称为Swing的新的GUI组件库。Swing包括javax.swing包及其子包。Swing有一个与平台无关的实现，而且具有一个艺术状态的属性集。尽管Swing独立于AWT，但它是依照基本的 AWT类实现的。Java图形界面编程 MVC设计模式模型模型-存储内容存储内容视图视图-显示内容显示内容控制器控制器-处理用户输入处理用户输入Java图形界面编程 MVC

6、的交互Java图形界面编程 创建GUI真简单import javax.swing.*;(1)创建frame JFrame frame=new JFrame();(2)创建图形组件 JButton button=new JButton(“ok”);(3)将图形组件加到frame上 frame.getContentPane().add(button);(4)显示出来 frame.setSize(300,300);frame.setVisible(true);Java图形界面编程 Component（组件）Java的图形用户界面的最基本组成部分是组件，组件是一个可以以图形化的方式显示在屏幕上并能与用

7、户进行交互的对象，例如一个按钮，一个标签等。组件不能独立地显示出来，必须将组件放在一定的容器中才可以显示出来。Java图形界面编程 GUI组件 程序与用户的交互，通过窗口中的组件来完成。窗口中的一个组件就是一个对象。swing包中常用包中常用GUI组件包括：组件包括：JButton：按钮JCheckBox：可选框JComboBox：组合框JLabel：标签JList：列表JPasswordField：密码域JProgressBar：进度条JRadioButton：单选按钮JScrollBar：滚动条JTable：表格JTextArea：文本区JTextField：文本域JTree：树型框Jav

8、a图形界面编程 各组件的常用方法 我们可以通过调用组件的方法来指定组件的大小、形状、颜色，绘制图形、图象，输出文字，或者对外部事件进行响应等。如：setSize()setVisible()setBackground()具体的各个组件有些什么方法还需查阅相关帮助文档。Java图形界面编程 Container（容器）容器(Container)实际上是Component的子类，因此容器本身也是一个组件，具有组件的所有性质，另外还具有容纳其它组件和容器的功能。Container 对象可用于将组件组合在一起。容器中的组件根据特定布局排列。Swing 中的容器有两类：-顶级容器 -中间容器 Swing 中

9、容器的主要功能 组件的管理 布局管理Java图形界面编程 顶级容器JFrame：用于框架窗口的类，此窗口带有边框、标题、用于关闭和最小化窗口的图标等。带 GUI 的应用程序通常至少使用一个框架窗口。JDialog：用于对话框的类。JApplet：用于使用 Swing 组件的 Java Applet 的类。Java图形界面编程 中间容器JPanel：最灵活、最常用的中间容器。JScrollPane：与 JPanel 类似，但还可在大的组件或可扩展组件周围提供滚动条。JTabbedPane：包含多个组件，但一次只显示一个组件。用户可在组件之间方便地切换。JToolBar：按行或列排列一组组件（通常

10、是按钮）。Java图形界面编程 基本的 Swing 应用程序import javax.swing.*;public class HelloSwing public static void main(String args)JFrame frame=new JFrame(HelloSwing);JLabel label=new JLabel(你好，你好，Swing);frame.getContentPane().add(label);frame.setDefaultCloseOperation (JFrame.EXIT_ON_CLOSE);frame.setSize(300,200);frame

11、.setVisible(true);导入必要的包，一般还需导入：导入必要的包，一般还需导入：import java.awt.*;import java.awt.event.*;设置一个设置一个顶级容器顶级容器创建一个创建一个Swing组组件件将组件添加到将组件添加到容器内容窗格容器内容窗格实现了在单击实现了在单击“关闭关闭”按钮按钮时，时，可以关闭窗口。可以关闭窗口。如果使用的如果使用的早期版本的平台，则需要通早期版本的平台，则需要通过事件监听器实现过事件监听器实现 Java图形界面编程 import java.awt.*;import javax.swing.*;public class H

12、elloSwing public static void main(String args)JFrame frame=new JFrame(HelloSwing);JLabel label=new JLabel(你好，Swing);JButton btn=new JButton(Click Me!);frame.getContentPane().setLayout(new FlowLayout();frame.getContentPane().add(label);frame.getContentPane().add(btn);frame.setDefaultCloseOperation(JF

13、rame.EXIT_ON_CLOSE);frame.setSize(300,200);frame.setVisible(true);Java图形界面编程 向窗口(容器)中添加组件 组件要添加到窗口容器中。import javax.swing.*;import java.awt.*;public class ContentTest extends JFrame public static void main(String args)JFrame helloFrame=new ContentTest();helloFrame.show();public ContentTest()setSize(3

14、00,200);setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);Container containerPane=getContentPane();containerPane.add(new JLabel(Hello World!);ContentPaneJava图形界面编程 JFrame是放置其他 Swing 组件的顶级容器JFrame 组件用于在 Swing 程序中创建窗体它的构造函数：JFrame()JFrame(String Title)组件必须添加至内容窗格，而不是直接添加至 JFrame 对象，示例：frame.getContentPan

15、e().add(b);Java图形界面编程 JPanelJPanel 组件是一个中间容器用于将小型的轻量级组件组合在一起JPanel 的缺省布局为 FlowLayoutJPanel 具有下列构造函数：JPanel()JPanel(LayoutManager lm)Java图形界面编程 JButtonSwing 的按钮相对于AWT中Button类提供了更多的功能。JButton类允许用图标、字符串或两者同时构造一个按钮。构造函数如下：JButton()JButton(Icon icon)：icon表示使用的图标表示使用的图标 JButton(String text)：text表示使用的字符串表示

16、使用的字符串 JButton(String text,Icon icon)ImageIcon buttonIcon1=new ImageIcon(on.gif);JButton b1=new JButton(First Button,buttonIcon1);b1.setMnemonic(KeyEvent.VK_F);设置键盘设置键盘快捷方式快捷方式创建一个带图标创建一个带图标的的JButtonJava图形界面编程 JPanel和JButton使用示例import java.awt.*;import javax.swing.*;class PanelDemo extends JFrame pu

17、blic PanelDemo(String title)super(title);Container c=getContentPane();JPanel cpane=new JPanel();JButton ok=new JButton(确定确定);cpane.add(ok);JButton cancel=new JButton(取消取消);cpane.add(cancel);c.add(cpane,BorderLayout.SOUTH);public static void main(String args)PanelDemo pd=new PanelDemo(JPanel测试测试);pd.

18、setSize(300,200);pd.setVisible(true);Java图形界面编程 JLabel 它既可以显示文本也可以显示图像构造函数如下：JLabel(Icon icon)：icon表示使用的图标表示使用的图标 JLabel(String text,Icon icon,int align)：text表表示使用的字符串示使用的字符串;icon表示使用的图标表示使用的图标;align表表示水平对齐方式，其值可以为：示水平对齐方式，其值可以为：LEFT、RIGHT、CENTER。ImageIcon icon=new ImageIcon(Calv.gif);JLabel calv_la

19、bel=new JLabel(这是这是 Calvin,icon,SwingConstants.LEFT);Java图形界面编程 文本组件 JtextComponent 为所有 Swing 文本组件的根类JTextField JTextComponentJEditorPaneJTextAreaJTextPaneJPasswordFieldJava图形界面编程 JTextFieldJTextField 组件允许输入或编辑单行文本此类的构造函数包括：JTextField()JTextField(Document doc,String text,int columns)JTextField(int c

20、olumns)JTextField(String text)JTextField(String text,int columns)Container con=getContentPane();con.setLayout(new FlowLayout();JLabel jl=new JLabel(“文本域文本域”);con.add(jl);JTextField tf=new JTextField(20);con.add(tf);Java图形界面编程 JTextAreaJTextArea 组件用于接受来自用户的多行文本它可实现可滚动界面JTextArea 组件可使用下列构造函数创建：JTextAr

21、ea()JTextArea(int rows,int cols)JTextArea(String text)JTextArea(String text,int rows,int cols)JTextArea(Document doc)JTextArea(Document doc,String text,int rows,int cols)JLabel jl=new JLabel(“文本区文本区”);con.add(jl);JTextArea ta=new JTextArea(5,10);con.add(ta);Java图形界面编程 选择性输入为了简化表单填写过程，通常为用户提供多种可供选择的选

22、项，而无需用户写出他们的响应。常用于选择性输入的组件有：复选框复选框 单选按钮单选按钮 列表框列表框 组合框组合框Java图形界面编程 复选框复选框用于为用户提供一组选项JCheckBox 类具有下列构造函数：JCheckBox()JCheckBox(Icon icon)JCheckBox(Icon icon,boolean selected)JCheckBox(String text)JCheckBox(String text,boolean selected)JCheckBox(String text,Icon icon)JCheckBox(String text,Icon icon,bo

23、olean selected)Java图形界面编程 单选按钮单选按钮允许用户从多个选项中选择其中一个ButtonGroup 用于在 Swing 中创建组JRadioButton 对象可使用下列构造函数创建：-JRadioButton()-JRadioButton(Icon icon)-JRadioButton(Icon,boolean selected)-JRadioButton(String text)-JRadioButton(String text,boolean selected)-JRadioButton(String text,Icon icon)-JRadioButton(Str

24、ing text,Icon icon,boolean selected)Java图形界面编程 JCheckBox和JRadioButton使用示例import java.awt.*;import javax.swing.*;class Hobby extends JPanel JCheckBox c1=new JCheckBox(阅读阅读,false);JCheckBox c2=new JCheckBox(音乐音乐,false);JCheckBox c3=new JCheckBox(绘画绘画,false);JRadioButton rad1=new JRadioButton(大专大专);JRa

25、dioButton rad2=new JRadioButton(本科本科);JRadioButton rad3=new JRadioButton(硕士硕士);JLabel jl=new JLabel(您有什么爱好？您有什么爱好？);JLabel j2=new JLabel(您的最高学历？您的最高学历？);JButton exitbtn=new JButton(退出退出);public Hobby()setLayout(new GridLayout(9,1);add(jl);add(c1);add(c2);add(c3);add(j2);add(rad1);add(rad2);add(rad3)

26、;add(exitbtn);public class Hobbytest extends JFrame Hobbytest()super();getContentPane().add(new Hobby();setSize(300,200);setVisible(true);public static void main(String args)new Hobbytest();Java图形界面编程 列表在可供选择的选项很多时，可向用户呈现一个列表来供他们选择JList 组件依次排列项目列表，这些项目可以单选或多选JList 类既可显示字符串，也可显示图标JList 不支持双击MouseList

27、ener 可用于解决双击问题Java图形界面编程 JList 构造函数public JList():使用空模型构造 JListpublic JList(ListModel dataModel):构造一个列表，用它显示指定模型中的元素。public JList(Object listData):构造一个列表以显示指定数组listData的元素。JList 不支持滚动。要启用滚动，可使用下列代码:JScrollPane myScrollPane=new JScrollPane();myScrollPane.getViewport().setView(dataList);String stars=安

28、东尼奥安东尼奥.班德拉斯班德拉斯,来昂纳多来昂纳多.迪卡迪卡普尼奥普尼奥,桑德拉桑德拉.布洛克布洛克,休休.格兰特格兰特,朱莉亚朱莉亚.罗伯茨罗伯茨;JList moviestars=new JList(stars);Java图形界面编程 组合框文本域和下拉列表的组合在 Swing 中，组合框由 JComboBox 表示构造函数如下：public JComboBox():此构造函数使用缺省此构造函数使用缺省数据模型创建数据模型创建 JComboBox public JComboBox(ComboBoxModel asModel):使用现有使用现有 ComboBoxModel 中的中的项目的组合

29、框项目的组合框 public JComboBox(Object items):包含指包含指定数组元素的组合框定数组元素的组合框String names=弗雷德里克弗雷德里克.福西斯福西斯,约翰约翰.克里沙姆克里沙姆,玛丽玛丽.希金斯希金斯.克拉克克拉克,帕特丽夏帕特丽夏.康威尔康威尔;JComboBox authors=new JComboBox(names);Java图形界面编程 工具栏 工具栏是提供最常用功能的快捷按钮栏。工具栏可以四处移动。见见ToolWin.javapublic class ToolWin extends JFrame public ToolWin()Container

30、 contentPane=getContentPane();JToolBar bar=new JToolBar(ToolBar);contentPane.add(bar,BorderLayout.NORTH);bar.add(new JButton(B1);bar.add(new JButton(new ImageIcon(graph.jpg);bar.addSeparator();bar.add(new JButton(B3);JToolBarJava图形界面编程 对话框 对话框也是一种窗口。与框架的区别是：对话框可以依附于某个框架。模式对话框可以强制用户输入信息或阅读信息。对话框派生自JD

31、ialog类。见见TestDialog.javapublic class TestDialog extends JDialog public static void main(String args)TestDialog testDialog=new TestDialog(null);testDialog.show();System.exit(0);public TestDialog(JFrame aOwner)super(aOwner,About,true);setSize(320,200);Container contentPane=getContentPane();contentPane

32、.add(new JLabel(Test Dialog 1.0),BorderLayout.CENTER);contentPane.add(new JButton(OK),BorderLayout.SOUTH);ObjectComponentContainerJComponentJPanelWindowFrameJFrameDialogJDialogJava图形界面编程 使用对话框 在框架中使用对话框要将框架设为对话框的拥有者。见见ToolWin.javapublic class HelloWin2 extends JFrame public static void main(String a

33、rgs)JFrame helloFrame=new HelloWin();JDialog testDialog=new TestDialog(helloFrame);testDialog.show();helloFrame.show();public HelloWin2()setSize(300,200);setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);getContentPane().add(new JLabel(Hello World!);Java图形界面编程 标准对话框 为方便起见，Java提供了一些标准的对话框形式。类javax.swing

34、.JOptionPane有四个静态方法来显示常用的一些简单的选项对话框：方法showMessageDialog：显示一条消息并等待用户点击OK。方法showConfirmDialog：显示一条消息并等待用户选择OK/Cancel。方法showOptionDialog：显示一条消息并让用户在一组选项中选择。方法showInputDialog：显示一条消息并让用户输入一行文本。类javax.swing.JFileChooser实现了文件选择对话框。既可以用于打开文件，也可以用于保存文件。文件选择对话框是模式对话框。类javax.swing.JColorChooser实现了颜色选择对话框。颜色选择对

35、话框可以是模式的，也可以是无模式的。可以将颜色选择器组件添加到一个容器中。Java图形界面编程 选项对话框 选项对话框可以分为四个区域。每一部分内容都可在方法参数中设置。设置的方法是使用int数值常量表示。返回值通常是int数值常量。图标信息用户输入按钮标题栏图标：图标：ERROR_MESSAGEINFORMATION_MESSAGEWARNING_MESSAGEQUESTION_MESSAGEPLAIN_MESSAGE按钮：按钮：DEFAULT_OPTIONYES_NO_OPTIONYES_NO_CANCEL_OPTIONOK_CANCEL_OPTION返回值：返回值：OK_OPTIONCA

36、NCEL_OPTIONYES_OPTIONNO_OPTIONCLOSED_OPTIONOptionPaneTest.java：int result=JOptionPane.showConfirmDialog(this,部分改动内容没有保存，现在保存？,请确认,JOptionPane.YES_NO_CANCEL_OPTION,JOptionPane.WARNING_MESSAGE);String s=null;switch(result)case JOptionPane.YES_OPTION:s=保存退出;break;Java图形界面编程 文件选择对话框 可以设置下列属性：当前目录 当前文件 文

37、件过滤器 是否支持多选 可以得到下列属性：选中的文件见见FileSelector.javaJFileChooser chooser=new JFileChooser();chooser.setCurrentDirectory(new File(.);chooser.setSelectedFile(new File(FileSelector.java);chooser.setFileFilter(new JavaSourceFilter();chooser.setMultiSelectionEnabled(false);chooser.showOpenDialog(this);String fi

38、leName=chooser.getSelectedFile().getPath();class JavaSourceFilter extends FileFilter public boolean accept(File f)return f.getName().toLowerCase().endsWith(.java)|f.isDirectory();public String getDescription()return Java Source File;Java图形界面编程 颜色选择对话框 创建颜色选择对话框的参数：父窗口 对话框标题 当前颜色 返回的结果 选中的颜色见见ColorSe

39、lector.java/显示一个有模式颜色选择对话框Color selectedColor=JColorChooser.showDialog(this,选择颜色,null);/设置窗口内容容器的背景颜色contentPane.setBackground(selectedColor);Java图形界面编程 菜单显示项目列表，指明各种任务。选择或单击某个选项时会打开另一个列表或子菜单。Swing 菜单由菜单栏、菜单和菜单项构成。菜单栏是所有菜单和菜单项的根菜单Java图形界面编程 JFC 菜单组件JMenuBarJPopupMenuAbstractButtonJSeperatorJMenuItem

40、JMenuJCheckBoxMenuItemJRadioButtonMenuItemJComponentContainerComponentObjectJava图形界面编程 菜单系统菜单系统菜单系统菜单系统一般菜单一般菜单可撕下菜单可撕下菜单帮助菜单帮助菜单类类MenuBar选项选项#1菜单中的菜单菜单中的菜单选项选项#3选项选项#4选项选项#1选项选项#2第三层菜单第三层菜单选项选项#3选项选项#1选项选项#2类类Menu类类MenuItem选项选项#2菜单容器菜单容器非菜单容器非菜单容器Java图形界面编程 JMenuBarJMenuBar 是可通过 JFrame、JWindow 或 JI

41、nternalFrame 的根窗格添加至容器的组件。由多个 JMenu 组成，每个 JMenu 在 JMenubar 中都表示为字符串。JMenuBar 需要两个附加类：-SingleSelectionModel类类:跟踪当前选定的菜单跟踪当前选定的菜单-LookAndFeel类类:负责绘制菜单栏以及对在其中负责绘制菜单栏以及对在其中发生的事件作出响应发生的事件作出响应Java图形界面编程 JMenuJMenu 在 JMenuBar 下以文本字符串形式显示，而在用户单击它时，则以弹出式菜单显示。JMenu 具有两个附加类：-JPopupMenu:用于显示用于显示 JMenu 的菜单项的菜单项-

42、LookAndFeel:负责绘制菜单栏中的菜单以及负责绘制菜单栏中的菜单以及对在其中发生的所有事件作出响应对在其中发生的所有事件作出响应Java图形界面编程 JPopupMenu 的函数方法用途public JMenuItem add(JMenuItem menuItem)将指定菜单项附加至菜单末尾public JMenuItem add(String s)使用指定文本新建菜单项，并将其添加至菜单末尾public void show(Component c,int x,int y)在组件c的坐标(x,y)位置显示弹出式菜单public boolean isPopupTrigger()确定鼠标事

43、件是否为平台的弹出触发器Java图形界面编程 JMenuItemJMenu 或 JPopupMenu 中的一个组件，以文本字符串形式显示，可以具有图标JMenuItem 的外观可以修改，如字体、颜色、背景、边框等除字符串外，在 JMenuItem 中还可以添加图标Java图形界面编程 JCheckBoxMenuItem将复选框作为其项目复选框是使用 JCheckBox 类创建的可有文本字符串和（或）图标在单击并释放 JCheckBoxMenuItem 时，菜单项的状态会变为选定或取消选定Java图形界面编程 JRadioButtonMenuItem除了在任何时间点都只能选择一个单选按钮外，其他

44、的与复选框类似可有文本字符串和（或）图标单击选定的单选按钮不会改变其状态单击未选定的单选按钮时将取消选定此前选定的单选按钮Java图形界面编程 菜单使用示例import javax.swing.*;import java.awt.*;public class Menutest extends JApplet public void init()JMenuBar mb=new JMenuBar();JMenu fileMenu=new JMenu(显示显示);JMenu pullRightMenu=new JMenu(“问好问好);fileMenu.add(欢迎欢迎);fileMenu.addSeparator();fileMenu.add(pullRightMenu);fileMenu.add(退出退出);pullRightMenu.add(new JCheckBoxMenuItem(早上好！早上好！);pullRightMenu.add(new JCheckBoxMenuItem(下午好！下午好！);pullRightMenu.add(new JCheckBoxMenuItem(晚安！晚安！再见！再见！);mb.add(fileMenu);setJMenuBar(mb);