图形用户界面设计g.ppt

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

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

3、,a,7,图形用户界面的实现(P192,选取组件 设计布局 响应事件 应用原则 Swing比AWT提供更全面、更丰富的图形界面设计功能 Java 2平台支持AWT组件，但鼓励用Swing组件 主要讲述AWT和Swing的图形界面设计,a,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

4、JLabel(Hello!); 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) Fram

5、e f = new 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);,a,9,概述 事件处理 基本控制组件 布局设计 常用容器组件,第五章 图形用户界面设计,a,10,事件处理,界面设计 (静态) 界面动起来 ! 通过事件触发对象的响应机制 事件?

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

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

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

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

10、ort java.applet.Applet; 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(坐标值：+Inte

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

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

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

14、ic void setText(String s) public void setAlignment(int alignment) 事件响应 不引发事件,a,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(C

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

16、tring s, int size) 常用方法 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(接口,a,25,文本框和文本区,文本区(TextArea) TextComponent类的子类 创建文本区 public TextArea() public TextArea(

17、String s) public TextArea(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

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

19、, lab2, lab3; TextField 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.addActionList

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

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

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

23、l, CheckboxGroup group, boolean state) 常用方法 与复选框相同 事件响应 与复选框相同,a,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() pub

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

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

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

27、va.applet.*; public class Exam5_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.getItemSelectable() = cho) String s = cho.getSelectedItem(); text.setText(s);,a,34,使用下列列表例子,a,35,画布,画布(Canvas) 创建画布 public Canvas() 常用方法 public void setSize() publ