Java GUI设计Ⅰ.ppt

1、本章内容,Java抽象窗口工具集(AWT) 组件和容器 布局管理器 事件处理（）,Java抽象窗口工具集,AWT(Abstract Window Toolkit)包括了很多类和接口，用于在Java Application 和Applet中进行GUI（Graphics User Interface 图形用户界面）设计。 GUI的各种元素（如：窗口，按钮，文本框等）由Java 类来实现。 使用AWT所涉及的类一般在java.awt包及其子包中。 Container和Component是AWT中的两个核心类。,Java抽象窗口工具集,Component,Container,Window,Panel,

2、Button,TextArea,Label,TextField,List, ,Frame,Dialog,MenuComponent,Applet,Component,Java的图形用户界面的最基本组成部分是Component ，Component 类及其子类的对象用来描述以图形化的方式显示在屏幕上并能与用户进行交互的GUI元素，例如，一个按钮，一个标签等。 一般的Component对象不能独立地显示出来，必须将“放在”某一的Container对象中才可以显示出来。,Container,Container是Component的子类，Container的子类对象可以“容纳”别的Component对

3、象。 Container对象可使用方法add(.)向其中添加其他Component对象。 Containter是Component的子类，因此Containter对象也可以被当作Component对象添加到其他Container对象中。 有两种常用的Containter： Window: 其对象表示自由停泊的顶级窗口 Panel: 其对象可作为容纳其它Component对象，但不能独立存在，必须被添加到其它Containner中(如Window 或 Applet),Frame,Frame是抽象类Window的子类，由Frame或其子类创建的对象为一个窗体。 Frame的常用构造方法： Fram

4、e() Frame(String s) 创建标题栏为字符串s的窗口。 默认的布局管理器是BorderLayout类的对象。,Frame常用方法,setBounds(int x,int y,int width,int height) 设置窗体位置和大小，x，y是左上角坐标，widht和height分别是宽度和高度，单位为象素 setSize(int width,int height) 设置窗体的大小，widht和height分别是宽度和高度。 setLocation(int x,int y) 设置窗体的位置，x，y是左上角坐标 setBackground(Color c) 设置背景颜色，参数为C

5、olor对象。 setVisible(boolean b)设置是否可见。 setTitle(String name) String getTitle() setResizable(boolean b)设置是否可以调整大小。,Frame 举 例（1）,public class Test public static void main(String args) Frame f = new Frame(Java Frame); f.setLayout(null); f.setLocation(300,300); f.setSize(400,300); f.setBackground(new Colo

6、r(204,204,255); f.setVisible(true); ,Frame 举 例（2）,public class Test public static void main(String args) MyFrame f1 = new MyFrame(100,100,200,200,Color.BLUE); MyFrame f2 = new MyFrame(300,100,200,200,Color.YELLOW); MyFrame f3 = new MyFrame(100,300,200,200,Color.GREEN); MyFrame f4 = new MyFrame(300,3

7、00,200,200,Color.MAGENTA); class MyFrame extends Frame static int id = 0; MyFrame(int x,int y,int w,int h,Color color) super(MyFrame +(+id); setBackground(color); setLayout(null); setBounds(x,y,w,h); setVisible(true); ,课 堂 练 习,生成一个窗体，体会设置窗体位置和背景颜色的方法。,Panel,Panel对象可以看成可以容纳Component的空间 Panel对象可以拥有自己的

8、布局管理器 Panel类拥有从其父类继承来的 setBounds(int x,int y,int width,int height) setSize(int width,int height) setLocation(int x,int y) setBackground(Color c) setLayout(LayoutManager mgr) 等方法。 Panel的构造方法为： Panel() 使用默认的 FlowLayout类布局管理器初始化。 Panel(LayoutManager layout)使用指定的布局管理器初 始化。,Panel 举 例（1）,import java.awt.*

9、; public class Test public static void main(String args) Frame f = new Frame(Java Frame with Panel); Panel p = new Panel(null); f.setLayout(null); f.setBounds(300,300,500,500); f.setBackground(new Color(0,0,102); p.setBounds(50,50,400,400); p.setBackground(new Color(204,204,255); f.add(p); f.setVisi

10、ble(true); ,Panel 举 例（2）,import java.awt.*; public class Test public static void main(String args) new MyFrame(MyFrameWithPanel,300,300,400,300); class MyFrame extends Frame private Panel p1,p2,p3,p4; MyFrame(String s,int x,int y,int w,int h) super(s); setLayout(null); p1 = new Panel(null); p2 = new

11、 Panel(null); p3 = new Panel(null); p4 = new Panel(null); p1.setBounds(0,0,w/2,h/2); p2.setBounds(0,h/2,w/2,h/2); p3.setBounds(w/2,0,w/2,h/2); p4.setBounds(w/2,h/2,w/2,h/2); p1.setBackground(Color.BLUE); p2.setBackground(Color.GREEN); p3.setBackground(Color.YELLOW); p4.setBackground(Color.MAGENTA);

12、add(p1);add(p2);add(p3);add(p4); setBounds(x,y,w,h); setVisible(true); ,课 堂 练 习,设计一个含有Panel的自定义的Frame类含有，形式如下图：,练 习 答 案,import java.awt.*; public class Test public static void main(String args) new MyFrame(300,300,400,300,Color.BLUE); class MyFrame extends Frame private Panel p; MyFrame(int x,int y,

13、int w,int h,Color c) super(FrameWithPanel); setLayout(null); setBounds(x,y,w,h); setBackground(c); p = new Panel(null); p.setBounds(w/4,h/4,w/2,h/2); p.setBackground(new Color (255-c.getRed(),255-c.getGreen(),255-c.getBlue(); add(p); setVisible(true); ,布局管理器,Java语言中，提供了布局管理器类的对象可以管理 管理Component在Cont

14、ainer中的布局，不必直接 设置Component位置和大小。 每个Container都有一个布局管理器对象，当容器需 要对某个组件进行定位或判断其大小尺寸时，就会调 用其对应的布局管理器,调用Container的 setLayout方法改变其布局管理器对象。 Java提供了5种布局管理器类：FlowLayout BorderLayout，GridLayou，CardLayout 和 GridBagLayout,FlowLayout布局管理器,FlowLayout是Panel类的默认布局管理器。 FlowLayout布局管理器对组件逐行定位，行内从左 到右，一行排满后换行。 不改变组件的大小

15、， 按组件原有尺寸显 示组件，可设置不 同的组件间距,行距 以及对齐方式。 FlowLayout布 局管理器默认的对 齐方式是居中。,FlowLayout 的构造方法,new FlowLayout(FlowLayout.RIGHT,20,40); 右对齐，组件之间水平间距20个像素，垂直间距40个 像素。 new FlowLayout(FlowLayout.LEFT); 左对齐，水平和垂直间距为缺省值（5）。 new FlowLayout(); 使用缺省的居中对齐方式，水平和垂直间距为缺省值 （5）。,import java.awt.*; public class Test public st

16、atic void main(String args) Frame f = new Frame(Java Frame); FlowLayout l = new FlowLayout(FlowLayout.CENTER); f.setLayout(l); f.setLocation(300,400); f.setSize(300,200); f.setBackground(new Color(204,204,255); for(int i = 1; i=7; i+) l.setHgap(50); l.setVgap(10); f.add(new Button(BUTTON); f.setVisi

17、ble(true); ,FlowLayout布局管理器,BorderLayout 布局管理器,BorderLayout是Frame类的默认布局管理器。 BorderLayout将整个容器的布局划分成东（EAST）， 西（WEST） ，南（SOUTH） ，北（NORTH） ，中 （CENTER）五个区域，组件只能被添加到指定的区域。 如不指定组件的加入部位，则默认加入到CENTER区。 每个区域只能加入一个组件，如果加入多个，则先前 加入的组件会被覆盖。,BorderLayout 布局管理器,BorderLayout型布局容器尺寸缩放原则： 北、南两个区域在水平方向缩放。 东、西两个区域在 垂直

18、方向缩放。 中部可在两个 方向上缩放。,import java.awt.*; public class Test public static void main(String args) Frame f = new Frame(Java Frame); BorderLayout b = new BorderLayout(); f.setLayout(b); f.setLocation(300,400); f.setSize(300,200); f.setBackground(new Color(204,204,255); f.add(new Button(EAST),BorderLayout.

19、EAST); f.add(new Button(WEST),BorderLayout.WEST); f.add(new Button(SOUTH),BorderLayout.SOUTH); f.add(new Button(NORTH),BorderLayout.NORTH); f.add(new Button(CENTER),BorderLayout.CENTER); f.setVisible(true); ,BorderLayout 布局管理器,GridLayout型布局管理器将空间划分成规则的矩形网 格每个单元格区域大小相等。 组件被添加到每个单元格中，先从左 到右添满一行后换行， 再从

20、上到下。 在 GridLayout 构造 方法中指定分割的 行数和列数： 如：GridLayout(3,4),GridLayout 布局管理器,import java.awt.*; public class Test public static void main(String args) Frame f = new Frame(Java Frame); GridLayout g = new GridLayout(3,4); f.setLayout(g); f.setLocation(300,400); f.setSize(300,200); f.setBackground(new Color

21、(204,204,255); for(int i = 1;i=10;i+) f.add(new Button(BUTTON +i); f.setVisible(true); ,GridLayout 布局管理器,课 堂 练 习,使用Container的嵌套实现下面布局。,import java.awt.*; public class Test public static void main(String args) Frame f = new Frame(Java Frame); f.setLayout(new GridLayout(2,1); f.setLocation(300,400); f

22、.setSize(300,200); f.setBackground(new Color(204,204,255); Panel p1 = new Panel(new BorderLayout(); Panel p2 = new Panel(new BorderLayout(); Panel p11 = new Panel(new GridLayout(2,1); Panel p21 = new Panel(new GridLayout(2,2); p1.add(new Button(BUTTON),BorderLayout.WEST); p1.add(new Button(BUTTON),B

23、orderLayout.EAST); p11.add(new Button(BUTTON); p11.add(new Button(BUTTON); p1.add(p11,BorderLayout.CENTER); p2.add(new Button(BUTTON),BorderLayout.WEST); p2.add(new Button(BUTTON),BorderLayout.EAST); for(int i =1;i=4;i+) p21.add(new Button(BUTTON); p2.add(p21,BorderLayout.CENTER); f.add(p1);f.add(p2

24、); f.setVisible(true); ,练 习 答 案,布局管理器总结,Frame是一个顶级窗口，Frame的缺省布局管理器为 BorderLayout。 Panel无法单独显示，必须添加到某个容器中。 Panel的缺省布局管理器为FlowLayout。 当把Panel作为一个组件添加到某个容器中后，该 Panel仍然可以有自己的布局管理器。,布局管理器总结,使用布局管理器时，布局管理器负责各个组件的大小 和位置，因此用户无法在这种情况下设置组件大小和 位置属性，如果试图使用Java语言提供的setLocation() setSize()，setBounds()等方法，则都会被布局管理

25、器 覆盖。 如果用户确实需要亲自设置组件大小或位置，则应取 消该容器的布局管理器，方法为： setLayout(null),思考题,TextField 类,java.awt.TextField类用来创建文本框对象。 TextField 有如下常用构造方法：,TextField() TextField(int columns) TextField(String text) TextField(String text, int columns),TextField 类常用方法,public void setText(String t) public String getText() public

26、void setEchoChar(char c) 设置回显字符，用户在输入时只会看到回显字符。 public void setEditable(boolean b) public boolean isEditable() public void setBackground(Color c) public void select(int selectionStart,int selectionEnd) public void selectAll() public void addActionListener(ActionListener l) 添加动作监听器。,事件监听,事件源对象,实现了某种监

27、听器 接口的类的对象,注册,当某种事件发生,向监听器传送某种事件对象 （封装了某种事件的信息）,接到事件对象后 进行某种处理,事件监听,TextField 对象可能发生Action（光标在文本框内 敲回车）事件。与该事件对应的事件类是java.awt. event.ActionEvent。 用来处理 ActionEvent事件是实现了 java.awt.event. ActionListener 接口的类的对象。 ActionListener接口定义有方法： public void actionPerformed(ActionEvente) 实现该接口的类要在该方法中添加处理该事件（Actio

28、n）的语句。 使用 addActionListener(ActionListener l)方法为 TextField 对象注册一个ActionListener对象，当TextField 对象发生Action事件时，会生成一个ActionEvent对象，该对象 作为参数传递给ActionListener对象的actionPerformer方法 在方法中可以获取该对象的信息，并做相应的处理。,事件监听举例（1）,import java.awt.*; import java.awt.event.*; public class Test public static void main(String a

29、rgs) MyFrame f = new MyFrame(); class MyFrame extends Frame MyFrame() super(MyFrame); setBackground(new Color(204,204,255); setLayout(null); setBounds(300,300,300,200); setVisible(true); TextField input = new TextField(); input.setBounds(50,50,200,20); add(input); input.addActionListener(new Monitor

30、(); class Monitor implements ActionListener public void actionPerformed(ActionEvent e) TextField tf = (TextField)e.getSource(); tf.setText(tf.getText().toUpperCase(); ,事件监听举例（2）,import java.awt.*; import java.awt.event.* public class Test public static void main(String args) new MyFrame(); class MyF

31、rame extends Frame implements ActionListener private TextField input = null; MyFrame() super(MyFrame); setBackground(new Color(204,204,255); setLayout(null); setBounds(300,300,300,100); setVisible(true); input = new TextField(); input.setBounds(50,40,200,20); input.setEchoChar(*); add(input); input.

32、addActionListener(this); public void actionPerformed(ActionEvent e) if(input.getText().equals(sunjava) input.setEchoChar(u0000); input.setText(密码正确); input.setEditable(false); this.setBackground(Color.ORANGE); else input.selectAll(); ,事件监听举例（3）,import java.util.*; import java.awt.*; import java.awt.event.*; public class MyFrame extends Frame implements ActionListener private TextField input1 = null; private TextField input2 = null; private TextField result = null; private Button add = null; private Button sub = null; MyFrame() super(MyFrame); setBackgroun