图形用户界面设计g.ppt

《图形用户界面设计g.ppt》由会员分享，可在线阅读，更多相关《图形用户界面设计g.ppt（43页珍藏版）》请在三一文库上搜索。

1、1,Java语言程序设计,刘玉江 ,2,概述 事件处理 基本控制组件 布局设计 常用容器组件,第五章 图形用户界面设计,3,概述,图形用户界面(Graphics User Interface) 图形用户界面：由菜单、按钮等图形界面组件构成，用户通过键盘和鼠标与程序进行交互。 GUI组件：是图形用户界面的基本元素，可实现用户与程序交互。 容器：组件放置的地方，我们可以在容器中放入一些GUI组件，如按钮、菜单等，从而组成一个人机界面非常友好的程序。(包括：Applet、Panel、Frame等）,4,容器（container）,图形用户界面（GUI）,5,图形用户界面的构成,什么是组件? 构成图形

2、用户界面的元素，拿来即用 用图形表示(能在屏幕上显示，能和用户进行交互) Button、Checkbox、Scrollbar、Choice、Frame,6,图形用户界面的构成,一些特定的Java类 java.awt包 javax.swing包 容器组件(Container): 可包含其他组件 顶层容器: Applet, Dialog, Frame, Window 一般用途容器: Panel, ScrollPane 特定用途容器: InternalFrame 非容器组件: 必须要包含在容器中 Button, Checkbox, Scrollbar, Choice, Canvas,7,图形用户界面

3、的实现(P192),选取组件 设计布局 响应事件 应用原则 Swing比AWT提供更全面、更丰富的图形界面设计功能 Java 2平台支持AWT组件，但鼓励用Swing组件 主要讲述AWT和Swing的图形界面设计,8,图形用户界面的实现,简单实例,import javax.swing.*; import java.awt.event.*; public class HelloWorldSwing public static void main(String args) JFrame f = new JFrame(“Swing1“); JLabel label = new JLabel(“Hel

4、lo!“); f.getContentPane().add(label); f.addWindowListener(new WindowAdapter() public void windowClosing(WindowEvent e) System.exit(0); ); f.setSize(200, 200); f.setVisible(true); ,import java.awt.*; import java.awt.event.*; public class HelloWorldAWT public static void main(String args) Frame f = ne

5、w Frame(“AWT1“); Label label = new Label(“Hello!“); f.add(label); f.addWindowListener(new WindowAdapter() public void windowClosing(WindowEvent e) System.exit(0); ); f.setSize(200, 200); f.setVisible(true); ,9,概述 事件处理 基本控制组件 布局设计 常用容器组件,第五章 图形用户界面设计,10,事件处理,界面设计 (静态) 界面动起来 ! 通过事件触发对象的响应机制 事件? 鼠标移动、鼠

6、标点击、键盘键入等 事件处理机制 事件源 事件对象 事件监听者 如何实现 实现(implements)事件监听接口(interface)产生一个监听器对象(Listener) 监听谁? 将该监听器对象注册到组件对象中 编写事件响应方法,11,3.实现事件处理的步骤,1)定义类实现事件监听器接口 2)将产生事件的组件注册为事件监听器 3) 实现处理事件接口的抽象方法,12,要建立处理事件的类，需要说明类实现事件监听器接口，说明格式如下： public class 类名 implements 监听器接口名列表 例如，ActionListener是动作事件监听器接口，定义如下： interface

7、ActionListener public abstract void actionPerformed(ActionEvent e)； 如果名为Myclass的类要处理动作事件，就要定义Myclass类实现ActionListener接口。,1)定义类实现事件监听器接口,13,如果希望组件产生事件时能够得到响应，应将产生事件的组件注册为事件监听器，注册的语句如下： 组件名addXXXListener(实现事件监听器接口的类对象)； XXX代表事件类型。 例如，假设Myclass是实现ActionListener接口的类。将Myclass类对象注册为事件监听器，对应语句如下： 组件名addAct

8、ionListener(new Myclass()； 也可以使用关键字this。 例如，组件名addActionListener(this)。,2)将产生事件的组件注册为事件监听器,14,在实现事件监听器接口的类中为抽象方法编写代码。 例如，在Myclass类中为ActionListener接口的actionPerformed()方法编写语句。 public void actionPerformed(ActionEvent e) 填写处理动作事件的语句,3)实现处理事件接口的抽象方法,15,以按钮类为例说明相应的事件处理过程(P197) Button button1 = new Button(

9、”提交”); button1.addActionListener(this); /在init()中实现 监听器对象this必须实现相应的接口，来响应事件： public class C1 implements ActionListener . public void init() . button1.addActionListener(this); public void actionPerformed(ActionEvent event) 相应的响应操作 ,16,第五章 图形用户界面设计,概述 事件处理 基本控制组件 布局设计 常用容器组件,17,例：import java.applet.A

10、pplet; import java.awt.*; import java.awt.event.*; public class Mouse1 extends Applet implements MouseListener int x,y;TextField t1=new TextField(12); public void init() add(t1); addMouseListener(this); public void mousePressed(MouseEvent e) x=e.getX();y=e.getY(); t1.setText(“坐标值：“+Integer.toString(

11、x)+“,“+Integer.toString(y); public void mouseClicked(MouseEvent e) public void mouseEntered(MouseEvent e) public void mouseReleased(MouseEvent e) public void mouseExited(MouseEvent e) ,18,AWT组件 (java.awt.*),Component,Button,Canvas,Choice,CheckBox,Label,List,TextComponent,Scrollbar,TextField,TextArea

12、,Container,ScrollPane,Frame,FileDialog,Panel,Window,Dialog,Applet,19,基本控制组件,使用步骤: 创建基本控制组件类的对象，指定对象属性； 将组件对象加入到制定容器的适当位置(布局设计)； 创建事件对象的监听者。 Swing组件(javax.swing.*),20,按钮和标签,按钮(Button) 创建按钮 public Button() public Button(String label) 常用方法 public String getLabel() public void setLabel(String label) pub

13、lic void setActionCommand(String s) public String getActionCommand(String s) 事件响应 java.awt.event.ActionListener(接口) void actionPerformed(ActionEvent e),21,按钮和标签,标签(Label) 创建标签 public Label() public Label(String s) public Label(String s, int alignment) 常用方法 public String getText() public void setText

14、(String s) public void setAlignment(int alignment) 事件响应 不引发事件,22,使用标签的例子,import java.awt.*; import java.applet.*; public class Exam5_3 extends Applet Label lab1, lab2; TextField text1, text2; public void init() lab1 = new Label(“输入姓名”); lab2 = new Label(“输入年龄”); lab1.setBackground(Color.red); lab2.s

15、etBackground(Color.green); text1 = new TextField(10); text2 = new TextField(10); add(lab1); add(text1); add(lab2); add(text2); ,23,使用标签的例子,24,文本框和文本区,文本框(TextField) TextComponent类的子类 创建文本框 public TextField() public TextField(int size) public TextField(String s) public TextField(String s, int size) 常

16、用方法 public void setText(String s) public String getText() public void setEchochar(char c) public void setEditable(boolean b) 事件响应 java.awt.event.TextListener(接口) java.awt.event.ActionListener(接口),25,文本框和文本区,文本区(TextArea) TextComponent类的子类 创建文本区 public TextArea() public TextArea(String s) public Text

17、Area(int rows, int columns) public TextArea(String s, int rows, int columns) public TextArea(String s, int rows, int columns, int scrollbars) SCROLLBARS_BOTH, SCROLLBARS_NONE SCROLLBARS_VERTICAL_ONLY SCROLLBARS_HORIZONTAL_ONLY 常用方法 public void append(String s) public void insert(String s, int index)

18、 pubilc void replaceRange(String s, int start, int end) 事件响应 java.awt.event.TextListener(接口) void textValueChanged(TextEvent e),26,使用文本框的例子,import java.awt.*; import java.awt.event.*; import java.applet.*; public class Exam5_4 extends Applet implements ActionListener Label lab1, lab2, lab3; TextFiel

19、d text1, text2, text3; String str; int i; float f; public void init() lab1 = new Label(“输入整形数: ”); add(lab1); text1 = new TextField(“0”, 30); text1.addActionListener(this); add(text1); lab2 = new Label(“输入浮点数: ”); add(lab2); text2 = new TextField(“0.0”, 30); text2.addActionListener(this); add(text2)

20、; lab3 = new Label(“输入字符串: ”); add(lab3); text3 = new TextField(“0.0”, 30); text3.addActionListener(this); add(text3); ,27,使用文本框的例子,public void actionPerformed(ActionEvent e) i = Integer.parseInt(text1.getText(); f = (Float.valueOf(text2.getText().floatValue(); str = text3.getText(); repaint(); publ

21、ic void paint(Graphics g) g.drawString(“整形数=” + i, 20, 120); g.drawString(“浮点数=” + f, 20, 150); g.drawString(“字符串=” + str, 20, 180); ,28,单复选框和列表,复选框(Checkbox) 创建复选框 public Checkbox() public Checkbox(String s) public TextField(String s, boolean state) 常用方法 public boolean getState() public void setSta

22、te(boolean b) public void setLabel(String s) public String getLabel() 事件响应 java.awt.event.ItemListener(接口) void itemStateChanged(ItemEvent e),29,单复选框和列表,单选按钮组(CheckboxGroup) 创建单选按钮组 public Checkbox(String label, boolean state, CheckboxGroup group) public Checkbox(String label, CheckboxGroup group, b

23、oolean state) 常用方法 与复选框相同 事件响应 与复选框相同,30,单复选框和列表,列表(List) 创建列表 public List() public List(int n) public List(int n, boolean b) 常用方法 public void add(String s) public void add(String s, int n) public void remove(int n) public void removeAll() public int getSelectedIndex() public String getSelectedItem(

24、) 事件响应 java.awt.event.ItemListener(接口) java.awt.event.ActionListener(接口),31,下拉列表和滚动条,下拉列表(Choice) 创建下拉列表 public Choice() 常用方法 public int getSelectedIndex() public String getSelectedItem() public void select(int index) public void select(String item) public void add(String s) public void add(String s

25、, int index) public void remove(int index) public void remove(String item) public void removeAll() 事件响应 java.awt.event.ItemListener(接口),32,下拉列表和滚动条,滚动条(Scrollbar) 创建滚动条 public Scrollbar(int orientation, int value, int visible, int minimum, int maximum) 常用方法 public void setUnitIncrement(int n) public

26、 void setBlockIncrement(int n) public int getUnitIncrement() public int getBlockIncrement() public int getValue() 事件响应 java.awt.event.AdjustmentListener(接口) void adjustmentValueChanged(AdjustmentEvent e),33,使用下拉列表的例子,import java.awt.*; import java.awt.event.*; import java.applet.*; public class Exam

27、5_8 extends Applet implements ItemListener Choice cho; TextField text; public void init() text = new TextField(10); cho = new Choice(); cho.add(“red”); cho.add(“yellow”); cho.add(“green”); cho.add(“blue”); add(cho); add(text); cho.addItemListener(this); public void itemStateChanged(ItemEvent e) if(e

28、.getItemSelectable() = cho) String s = cho.getSelectedItem(); text.setText(s); ,34,使用下列列表例子,35,画布,画布(Canvas) 创建画布 public Canvas() 常用方法 public void setSize() public void paint(Graphics g) 事件响应 java.awt.event.MouseMotionListener(接口) java.awt.event.MouseListener(接口) java.awt.event.KeyListener(接口),36,概述

29、 事件处理 基本控制组件 布局设计 常用容器组件,第五章 图形用户界面设计,37,布局管理,决定组件在界面中所处的位置和大小 目的：在含有组件比较多的容器中，将各组件 摆放整齐。 分类： 1、顺序布局（FlowLayout） 2、边界布局（BorderLayout） 3、卡片布局（CardLayout） 4、网格布局（GridLayout）,38,第五章 图形用户界面设计,概述 事件处理 基本控制组件 布局设计 常用容器组件,39,概述,容器 可包含其他组件和容器 Container类的子类 无边框容器: Panel, Applet 有边框容器: Window, Frame, Dialog,

30、FieldDialog 可自动处理滚动操作的容器: Scrollpane,Container,ScrollPane,Frame,FileDialog,Panel,Window,Dialog,Applet,40,容器,常用方法 添加组件: add() 获取制定的组件 getComponent(int x, int y) getComponent(int index) 从容器中移出组件 remove(Component c) remove(int index) removeAll() 设置容器布局: setLayout(),41,容器,面板(Panel) 无边框容器 顺序布局(FlowLayout) Applet子类,42,窗口和菜单,java.awt.Window: 最顶层容器 Window(Frame f) show() BorderLayout布局 java.awt.Frame: 有边框容器 BorderLayout布局 注意：Window只能依附Frame存在。,43,作业： 1.Java布局方法包括几种？ 2.P261 54,