Java图形界面设计ppt课件.ppt

第十二章 图形用户界面,吴冬芹金陵学院信息科学与工程学院,2,主要内容,一、图形用户界面 二、图形用户界面工具包（Swing） 三、创建组件 四、布局管理器,图形用户界面,图形用户界面(Graphics User Interface，GUI）用图形的方式，借助菜单、按钮等标准界面元素和鼠标操作，帮助用户方便地向计算机系统发出指令、启动操作，并将系统运行的结果同样以图形方式显示给用户的技术。Java的GUI程序设计是Java程序设计的基础。Java提供的两个处理图形用户界面的类库Java. awt包 和 javax. swing包,Abstract Window Toolkit抽象窗口工具集,awt的扩展，根据给定环境调整外观和感觉。,图形用户界面,1996年，Sun公司和Netsacpe公司在一个称为Swing的项目中合作完善了Netsacpe公司原来开发的一套GUI库，也就是现在所谓的Swing组件。JFC（Java基础类库，Java Foundation Class）是在1997年的JavaOne开发者大会上首次提出的，是指用于构建GUI的一组API。实际上，Swing只是JFC的一部分，其他的还有二维图形(Java 2D)API以及拖放(Drag and Drop)API等。,图形用户界面,5,java.awt包中包含了一个完整的类集以支持GUI程序的设计，其中的类及相互关系可以用下图来描述,AWT与Swing,图形用户界面,Swing工具包作为AWT的扩展，并以AWT为基础Swing跨平台的灵活性，可以根据给定环境而调整他们的外观和感觉。重型组件AWT组件通常称为重型组件，因为它在运行时需要一个与平台相关的本地组件为之服务。轻型组件Swing组件是纯Java编写的，不直接使用本地组件，所以通常称为轻型组件。Swing组件类的名字开头都有前缀”J”,7,AWT与Swing顶层窗口类之间的关系,图形用户界面,8,Swing组件,9,主要内容,一、图形用户界面二、图形用户界面工具包（Swing） 三、创建组件 四、布局管理器,Swing,Java图形用户界面的基本元素主要由图形用户界面工具包Swing提供。Java图形用户界面的基本元素包括：用户界面组件（组件类）、事件处理模块（事件类）、图形和图像工具（图形类、图像类）、布局管理器（布局类）等。它们主要在javax.swing包中。java组件类的继承关系见教材图12.1,1、Swing组件分类,构成图形用户界面的类可以分为三组：（1）容器类（container class），包含其他组件的类顶层容器，能独立存在，是可以独立的窗口，如JFrame，JApplet，JDialog等顶层容器大都含有边框并且可以移动、放大、缩小等非顶层容器，不能独立存在不是独立的窗口，它们必须位于窗口之内，非顶层容器包括JPanel及JScrollPanel等非顶层容器必须放入窗口之内才能显示一般独立应用程序使用JFrame，在上面放置Jpanel面板，如果应用到浏览器中，使用JApplet,1、Swing组件分类,（2）组件类（component class）所有Swing GUI组件类（除JFrame、JApplet和JDialog）都是JComponent类的子类例如，JButton、JTextField、JTextArea、JComboBox、JList、JRadioButton和JMenu等（3）辅助类（helper class）用来描述组件属性的，辅助类通常包含在java.awt包中.如，绘图类Graphics，颜色类Color，字体类Font，字体属性类FontMetrics等Swing组件不能取代AWT的全部类，只能替代AWT的GUI组件类（Button，TextField，TextArea等），AWT辅助类保持不变。,2、Swing容器的层次关系,一般的Swing窗口，实际上包含几个“层次”它是Java应用程序的顶层容器。,顶层容器JFrame、JDialog等,根窗格,分层窗格,内容窗格 Jpanel,玻璃窗格,根窗格（root pane）是一个轻型容器在创建顶层容器后自动创建是顶层容器包含的最高内层无法在这一层做任何操作与处理,分层窗格（layered pane）该窗格中的组件可以设置图层层次，不会被内容窗格中的对象屏蔽图层重叠时，层次低的会被屏蔽本层主要用来管理菜单栏和内容窗格若没有菜单栏，则内容窗格会充满整个顶层窗格。,内容窗格（content pane）默认状态下是一个具有布局管理器的Jpanel对象。大部分可见组件都放在内容窗格中。,玻璃窗格（glass pane）这一层主要用来产生绘图效果，触发窗口程序的各种事件。默认是隐藏的。除非实现玻璃窗格的paint()方法，否则它是透明的。,一般，根窗格、分层窗格、玻璃窗格都不直接使用。,顶层窗格（top lever container）是一个窗口容器对象。,Swing程序结构简介,Swing的程序设计一般可按照下列流程进行：导入Swing包设置顶层容器设置组件增加组件到容器进行事件处理,14,导入Swing包首先必须导入Swing包：import javax.swing.*;大多数Swing程序中，还需要导入两个主要的AWT包import java.awt.*;import java.awt.event.*;,JFrame特点JFrame的内容窗格利用getContentPane()方法获取Container类的对象。JFrame类对象显示效果是一个“窗口”，带有标题栏和尺寸重置角标ImageIcon图标对象。图像类型是image，使用ImageIcon类创建图标对象。JMenuBar是框架的可选菜单默认为不可见，setVisible(true)方法使之可见默认的布局管理器是BorderLayout使用setLayout()方法可以改变布局，要人工控制组件在容器中的大小和位置，调用方法setLayout(null)取消容器的布局管理器。再使用setLocation()、setSize()、setBounds()等方法来设定,2、框架类JFrame,2、框架类JFrame,JFrame的常用构造方法有：JFrame( )/创建一个没有窗口标题的窗口JFrame(String title ) /创建一个标题为title的框架例如JFrame jfrm=new JFrame(这是个Swing程序);JFrame jfrm=new JFrame();,2、框架类JFrame,jfrm.setSize(250,140); /设置框架大小 jfrm.setLocation(260,150); /设置组件显示位置的左上角坐标,（0，0）,260,150,2、框架类JFrame,JFrame的常用成员方法：void setTitle(String title) /设置框架的标题String getTitle( ) /返回框架的标题void setVisible(boolean b) /参数为true时设置框架可见，该方法调用前框架不可见void setSize(double w, double h) /设置框架的宽和高void setLocation(int x, int y) /设置窗口左上角的坐标，(0,0)为屏幕左上角Container getContentPane( ) /返回框架的内容面板void pack( ) /根据框架中放置的组件和布局调整窗口大小void setJMenuBar(JMenuBar menubar) /为框架设置菜单条void setDefaultCloseOperation(int operation) /设置关闭窗口后的默认操作,2、框架类JFrame,调用JFrame中的方法 setDefaultCloseOperation(int operation)用于关闭按钮处理方式的静态数据成员JFrame.DO_NOTHING_ON_CLOSE /关闭窗口按钮失效，什么也不做JFrame.DISPOSE_ON_CLOSE /隐藏窗口，释放窗口占用的其他资源JFrame.HIDE_ON_CLOSE /隐藏窗口，但没有关闭窗口JFrame.EXIT_ON_CLOSE /结束程序运行例如：jfrm.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE);,2、框架类JFrame,ublic class Example1 public static void main(String args) JFrame f = new JFrame(空的框架); f.setSize(200,150); f.setLocation(100, 100); f.setVisible(true); f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); ,2、框架类JFrame,框架窗口的创建。,import java.awt.Color; /加载java.awt包里的颜色类Colorimport java.awt.Image; /加载java.awt包里的图像类Imageimport javax.swing.*; /加载javax.swing包里的所有类public class App12_1 static JFrame jfrm=new JFrame(这是个Swing程序); /创建静态框架并设置标题 public static void main(String args) JLabel lab=new JLabel(我是一个标签); /创建一个标签对象lab Image im=(new ImageIcon(中国心.jpg).getImage(); /创建图标对象im jfrm. setIconImage(im); /设置窗口的显示图标 jfrm.setSize(250,140); /设置框架大小 jfrm.setBackground(Color.YELLOW); /设置框架背景颜色为黄色 jfrm.setLocation(260,150); /设置窗口的位置 jfrm.add(lab); jfrm.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); jfrm.setVisible(true); ,此处黄色并不能正常显示？,3、JPanel面板类,面板一种没有标题栏、没有边框的中间层容器面板不是顶层容器，必须放到其他容器内，也可以放入另一个面板内。Jpanel可以容纳其他组件，一般用于布局和定位默认的布局管理器FlowLayout，可以使用setLayout()改变默认布局管理器JPanel的构造方法有：public JPanel(),以默认布局管理器创建一个面板对象；public JPanel(LayoutManager layout)，以layout为布局管理器创建面板对象；,import javax.swing.*; /加载javax.swing包里的所有类import javax.swing.border.TitledBorder;/加载javax.swing.border包里的TitledBorder类public class App12_2 public static void main(String args) JFrame jfrm=new JFrame(我的框架); /创建框架对象jfrm jfrm.setSize(210,180); jfrm.setLocation(500,400); JPanel jpan=new JPanel(); /创建面板对象jpan jpan.setSize(120,90); jpan.setLocation(40,30); JButton bun=new JButton(点击我); /创建命令按钮对象bun bun.setSize(80,20); bun.setLocation(20,30); jfrm.setLayout(null); /取消窗口jfrm的默认布局管理器 jpan.setLayout(null); /取消面板jpan的默认布局管理器 jpan.add(bun); /将命令按钮加入到面板中 jpan.setBorder(new TitledBorder(面板区); /为面板对象jpan设置边框 jfrm.add(jpan); /将面板对象jpan加入到窗口中 jfrm.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); jfrm.setVisible(true); ,3、颜色类,用Color类的对象来控制每个Color对象代表一种颜色，用户可以直接使用Color类中定义好的颜色常量也可以通过调配红、绿、蓝三色的比例创建自己的Color对象Color类中定义有如下的三种构造函数public Color(int Red, int Green, int Blue); public Color(float Red, float Green, float Blue);public Color(int RGB); Java.awt包中的常用类： import java.awt.Color;,3、颜色类,不论用哪个构造函数创建Color对象，都指定新建颜色中R(红)、G(绿)、B(蓝)三色的比例public Color(int Red, int Green, int Blue); 每个参数的取值范围在0255之间public Color(float Red, float Green, float Blue);每个参数的取值范围在0.01.0之间public Color(int RGB); 通过一个整型参数指明其RGB三色比例这个参数的07比特(取值范围为0255)代表红色的比例，815比特代表绿色的比例，1623比特代表蓝色的比例。,例如下面的语句创建的是蓝色Color blueColor = new Color(0,0,255);,3、颜色类,除了创建自己的颜色，也可以直接使用Color类中定义好的颜色常量，如 jfrm.setBackground(Color.YELLOW); frm.setBackground( new Color(200,255,255) ); Color类中共定义了13种静态颜色常量包括black，orange，pink，grey等使用时只需以Color为前缀，非常方便建议用大写,参数取值0255，越大则表明这种颜色的成分越重。,3、颜色类,Color类的static常量和RGB值颜色常量颜色 RGB值public final static Color orange -橙色 255,200,0public final static Color pink -粉红色 255,175,175public final static Color cyan -青色 0,255,255public final static Color magenta -紫红色 255,0,255public final static Color yellow -黄色 255,255,0public final static Color black -黑色 0,0,0public final static Color white -白色 255,255,255public final static Color gray -灰色 128,128,128public final static Color lightGray -浅灰色 192,192,192public final static Color darkGray -深灰色 64,64,64public final static Color red -红色 255,0,0public final static Color green -绿色 0,255,0public final static Color blue -蓝色 0,0,255,3、颜色类,对于GUI的控制组件，它们有四个与颜色有关的方法分别用来设置和获取组件的背景色和前景色public void setBackground(Color c)public Color getBackground( )public void setForeground(Color c)public Color getForeground( ),4、字体类,字体类Font用来规范组件所用的字体样式、大小与字形等。构造方法： Font (String font_name, int style, int size),字体名称,字形样式：PLAIN、BOLD、ITALIC,字号大小,Java.awt包中的常用类： import java.awt.Font;设置字体：组件.setFont(Font font);Font fnt=new Font(Serief,Font.BOLD+Font.ITALIC,20); frm.setFont(fnt);,5、图像图标类,图像图标类ImageIconJava语言使用javax.swing.ImageIcon类表示图标ImageIcon的常用构造方法public ImageIcon() 创建一个没有图像的图标public ImageIcon(String filename) 以文件名filename为图像文件创建一个图标对象publci ImageIcon(Image image) 以图像image为图像创建一个图标对象,5、图像图标类,支持3种图像格式GIF、JPEG、PNG范例 Image im=(new ImageIcon(中国心.jpg).getImage(); /创建图标对象im jfrm. setIconImage(im); /设置窗口的显示图标,32,主要内容,一、图形用户界面 二、图形用户界面工具包（Swing）三、创建组件 四、布局管理器,1、标签JLabel,标签是用户不能修改只能查看其内容的文本显示区域，它起到信息说明的作用JLabel的构造方法public JLabel()public JLabel(String text)public JLabel(Icon image)public JLabel(String text, int horizontalAlignment)创建具有指定文本、指定对齐方式的图标对象public JLabel(Icon image,int horizontalAlignment)创建具有指定图像、指定对齐方式的图标对象public JLabel(String text,Icon icon,int horizontalAlignment),1、标签JLabel,对齐方式参数horizontalAlignment常见取值可以单独设置也可以在创建时声明一般有JLabel.LEFT, JLabel.RIGHT, JLabel.CENTERJLabel jlab=new JLabel(我是一个标签,JLabel.CENTER);垂直对齐方式的设置public void setVerticalAlignment(int alignment)设置标签文字与图标沿垂直方向的对齐方式。取值有：JLabel.TOP, JLabel.BOTTOM, JLabel.CENTER,1、标签JLabel,位置与大小的设置 jlab.setLocation(80,60); jlab.setSize(130,30);,60,80,130,30,1、标签JLabel,在框架窗口中加入标签，并设置框架的底色及标签上文字的颜色和字体。,import java.awt.*; import javax.swing.*;public class App12_3 public static void main(String args) JFrame jfrm=new JFrame(标签类窗口); JLabel jlab=new JLabel(我是一个标签,JLabel.CENTER); /创建标签对象 jfrm.setLayout(null); /取消页面设置 jfrm.setSize(300,200); /设置窗口的大小 jfrm.setBackground(Color.PINK); /设窗口底色为粉红色，不能正确显示，为什么？ jlab.setOpaque(true); /设置标签为不透明的 jlab.setBackground(Color.YELLOW); /设置标签底色为黄色 jlab.setForeground(Color.RED); /设置标的前景色为红色 jlab.setLocation(80,60); jlab.setSize(130,30); Font fnt=new Font(Serief,Font.BOLD+Font.ITALIC,20); /创建字体对象 jlab.setFont(fnt); /用创建的字体对象设置标签上的字体 jfrm.add(jlab); jfrm.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); jfrm.setVisible(true); ,jfrm.setBackground(Color.PINK);Container c=jfrm.getContentPane(); /获取jfrm的内容窗格c.setBackground(Color.PINK); /设置内容窗格的背景色为粉红色,JFrame框架一旦被创建，其中已经包含了一个内容窗格，设置的JFrame背景色，仍会被内容窗格所覆盖。解决方法：内容窗格利用getContentPane()方法获取Container类的对象。,2、命令按钮JButton （ javax.swing ）,JButton：用户用鼠标单击它来控制程序运行的流程。JButton创建后通过容器的add()将其放入容器。JButton类的构造方法public JButton()：创建一个没有文字的按钮public JButton(String label)创建一个以label为文字的按钮public JButton(Icon icon)：创建一带图标icon的按钮public JButton(String text,Icon icon)创建一个文字为text，图标为icon的按钮范例： JButton btn=new JButton(灯笼,ic);,2、命令按钮JButton （ javax.swing ）,按钮大小与位置的设置btn.setBounds(50,45,100,40);,45,50,100,40,JButton btn=new JButton(灯笼,ic); ImageIcon ic=new ImageIcon(pic/中国灯笼.jpg);,2、命令按钮JButton （ javax.swing ）,JButton类的方法大部分继承自父类javax.swing.AbstractButton.,ublic abstract class AbstractButton extends JComponent implements ItemSelectable, SwingConstants public String getText() public void setText(String text) public boolean isSelected() /选中状态 public void setSelected(boolean b) /选中状态 public void setEnabled(boolean b) /有效状态 public Object getSelectedObjects() /选中对象数组 public void addActionListener(ActionListener l) /单击事件 public void removeActionListener(ActionListener l) ,2、命令按钮JButton （ javax.swing ）,用户用鼠标单击它来控制程序运行的流程。JButton创建后通过容器的add()将其放入容器。举例：在框架窗口中加入按钮。,2、命令按钮JButton （ javax.swing ）,import javax.swing.*; public class App12_5 extends JFrame /指定App12_5继承自JFrame类 public static void main(String args) App12_5 jfrm=new App12_5(); /用App12_5类创建框架对象jfrm jfrm.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); ImageIcon ic=new ImageIcon(中国灯笼.jpg); /创建图标对象ic JButton btn=new JButton(灯笼,ic); /创建具有文字和图标按钮对象 jfrm.setLayout(null); /取消页面设置 jfrm.setSize(200,180); jfrm.setTitle(按钮类窗口); btn.setBounds(50,45,100,40); /设置按钮的位置与大小 btn.setToolTipText(我是按钮); jfrm.add(btn); jfrm.setVisible(true); ,3、复选框JCheck和单选按钮JRadioButton,JCheckBox和JRadioButton （ javax.swing ）JCheckBox可以单独使用而单选按钮必须配合javax.swing包中的ButtonGroup类将其组成单选按钮组来使用。举例：在框架窗口内加入复选框和单选按钮组。,3、复选框JCheck和单选按钮JRadioButton,复选框JCheck的构造方法public JCheckBox () public JCheckBox (String text) public JCheckBox (String text, boolean selected) 例如：JCheckBox jchk1=new JCheckBox(粗体,true); /初始状态为选中,3、复选框JCheck和单选按钮JRadioButton,JRadioButton单选按钮的构造方法public JRadioButton ()public JRadioButton (String text) public JRadioButton (String text, boolean selected) 例如：JRadioButton jrb2=new JRadioButton(绿色, true); ButtonGroup按钮组类public ButtonGroup()public void add(AbstractButton b) /添加按钮grp.add(jrb1); /将jrb1加入到单选按钮组grp中使之成为单选按钮public void remove(AbstractButton b),3、复选框JCheck和单选按钮JRadioButton,import javax.swing.*; public class App12_6 extends JFrame static JFrame frm=new JFrame(复选框和单选按钮组选取框); static JCheckBox jchk1=new JCheckBox(粗体,true); /初始为选中 static JCheckBox jchk2=new JCheckBox(斜体); static JCheckBox jchk3=new JCheckBox(下划线); static JRadioButton jrb1=new JRadioButton(红色); static JRadioButton jrb2=new JRadioButton(绿色, true); static JRadioButton jrb3=new JRadioButton(蓝色);,3、复选框JCheck和单选按钮JRadioButton,ublic static void main(String args) ButtonGroup grp=new ButtonGroup(); /创建一个单选按钮组对象 frm.setLocation(200,150); frm.setSize(300,220); frm.setLayout(null); jchk1.setBounds(20,20,150,20); jchk2.setBounds(20,40,150,20); jchk3.setBounds(20,60,150,20); jrb1.setBounds(20,80,150,20); /设置单选按钮jrb1的位置和大小 jrb2.setBounds(20,100,150,20); jrb3.setBounds(20,120,150,20); grp.add(jrb1); /将jrb1加入到单选按钮组grp中使之成为单选按钮 grp.add(jrb2); grp.add(jrb3); frm.add(jchk1); frm.add(jchk2); frm.add(jchk3); frm.add(jrb1); frm.add(jrb2); frm.add(jrb3); frm.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); frm.setVisible(true); ,4、文本编辑组件与滚动窗格,文本编辑组件单行文本编辑组件JTextField，也称文本框密码文本行组件JPasswordField，主要用于输入密码文本区组件JTextArea ，文本区，实现多行文本的输入。 JTextArea 通常与滚动窗格组件JScrollPane一起使用,4、文本编辑组件与滚动窗格,文本行组件JTextField的构造方法public JTextField()public JTextField(int columns)创建并设置文本框的宽度可以容纳columns个字符public JTextField(String text)创建并以text为默认文本的文本框public JTextField(String text,int columns)例如：JTextField jtf=new JTextField(该文本框不可编辑,30);JPasswordField类是JTextField的子类。JPasswordField jpf=new JPasswordField (太空人3号,30);,4、文本编辑组件与滚动窗格,文本区组件JTextArea,ublic class JTextArea extends JTextComponent public JTextArea() public JTextArea(String text) /text指定初始显示文本 public JTextArea(int rows, int columns) /指定行数和列数 public JTextArea(String text, int rows, int columns) 例如： JTextArea jta=new JTextArea (您好,10,30); /创建10行30列的文本区对象jta,ublic abstract class JTextComponent extends JComponent implements Scrollable, Accessible public String getText() /获得文本行中的内容 public void setText(String t) /设置文本行中的内容 public void setEditable(boolean b) /设置文本行是否可编辑 public boolean isEditable() /判断文本行是否可编辑,4、文本编辑组件与滚动窗格,在框架窗口中加入文本编辑组件，并利用滚动窗格实现文本区的滚动功能。,import javax.swing.*; public class App12_7 extends JFrame JTextField jtf=new JTextField(该文本框不可编辑,30); static JPasswordField jpf=new JPasswordField (太空人3号,30); public App12_7(String str) /构造方法 super(str); /调用父类JFrame的构造方法 jtf.setBounds(20,40,140,20); jtf.setEditable(false); /设置文本行对象jtf为不可编辑 add(jtf); /将文本行对象jtf加入到窗口中 ,4、文本编辑组件与滚动窗格,ublic static void main(String args) App12_7 frm=new App12_7(文本编辑功能窗口); /调用App12_7类构造方法 JTextArea jta=new JTextArea (您好,10,30); /创建10行30列的文本区对象jta JScrollPane jsp=new JScrollPane(jta); /显示内容是文本区对象jfa frm.setLocation(200,150); frm.setSize(240,220); frm.setLayout(null); /取消页面设置 jsp.setBounds(20,70,160,100); /设置滚动窗格的大小 jpf.setBounds(20,10,140,20); frm.add(jpf); frm.add(jsp); /将滚动窗格对象jsp放入到窗口frm中 char password=jpf.getPassword(); /获取密码框中的内容 String str=new String(password); /将密码转换成文本 System.out.println(今天口令是：+ password + 转换成文本后是：+str); /在Dos命令行输出 frm.setVisible(true); frm.setResizable(false); /设置窗口不可改变大小 frm.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); ,5、选项窗格,选项窗格JTabbedPaneJTabbedPane组件中允许包含多个选项卡。,5、选项窗格JTabbedPane,构造方法JTabbedPane():建立一个空的JTabbedPane对象。JTabbedPane(int tabPlacement):建立一个空的JTabbedPane对象,标题显示位置参数tabPlacement指定摆放位置取值：TOP,BOTTOM,LEFT,RIGHT.JTabbedPane(int tabPlacement，int tabLayoutPolicy)增加布局策略参数tabLayoutPolicy取值：WARP_TAB_LAYOUT或SCROLL_TAB_LAYOUT,在窗口中放置一个选项窗格，并在选项窗格中添加若干个选项卡，每个选项卡中放置一个带有图形的标签组件。,5、选项窗格,import javax.swing.*;public class App12_8 extends JFrame JTabbedPane jtab=new JTabbedPane(JTabbedPane.TOP); /创建选项窗格，选项卡标题在上方