<4D F736F F F696E74202D20B5DA37D5C2204A617661B5C4CDBCD0CED3EBD3C3BBA7BDE7C3E62E BBCE6C8DDC4A3CABD5D>

Size: px

Start display at page:

Download "<4D F736F F F696E74202D20B5DA37D5C2204A617661B5C4CDBCD0CED3EBD3C3BBA7BDE7C3E62E BBCE6C8DDC4A3CABD5D>"

宁孙
5 years ago
Views:

1 第 7 章 Java 的图形与用户界面

2 7.1 概述 7.2 底层容器类 JFrame 和 JApplet 7.3 容器的布局字体和颜色的使用

3 7.1 概述利用 Java 中的图形图像和重要的图形界面组件 (Componet) p 可以实现不同外观要求的窗口图形和交互方式 1.java.awt awt 包 AWT 是抽象窗口工具集 Abstract Window Toolkit 的缩写

4 Java 中的几个核心包之一, 该包定义了 : 字体 (Font) 颜色 (Color) 几何绘图 (Graphics) 图像 (Image) 标签(Label) 按钮(Button) 文本输入 (TextArea 和 TextField) 窗口 (Frame) 菜单 (Menu) 面板(Panel) 对话框(Dialog), 其中窗口面板对话框等用来放置其它的组件, 称之为称之为容器 (Container); 该包中还包括设置容器中各个组件如何布局 (Layout) 的类

5 2.javax.swing 包随着 Java 发展,SUN 公司提供了 swing 组件 swing 组件占用的系统资源较少, 视觉上比 AWT 组件美观, 跨平台特性更好所有 swing 组件都在 javax.swing 包中通常把 java.awt 组件称为重量级组件, 把 javax.swing 组件称为轻量级组件 javax.swing j g 包提供的组件更丰富, 大部分 java.awt 组件都有可替代的 javax.swing 组件, 所以通常如果有 javax.swing 组件, 程序没有必要使用 java.awt 组件另外, 大部分 javax.swing 组件并不一定是继承自对应的 java.awt 组件

7 3.java.awt.event 包 javax.swing 中的大部分组件, 都需要这个包中的某些类和接口来处理 javax.swing 组件的各种事件 : 按钮 (JButton) 点击和文本框 (JTextField) 中回车的动作事件 (ActionEvent); 单选按钮 (JRadioButton ) 和多选按钮 (JCheckBox) 的选项事件 (ItemEvent) 等 javax.swing 包中新增组件的事件响应还需要使用到 javax.swing.event 包中的相关类和接口 Java 中包含事件处理的程序都需要引入这个两个包中相关的类和接口

8 7.2 底层容器类 JFrame 和 JApplet JFrame 和 JApplet 的类继承关系

9 JFrame 类和 JApplet 类都是从 java.awt.container 类派生而来, 作为 Java 中的底层容器, 能够放置其它 Java 图形界面的组件其中 JFrame 类继承成自 java.awt.frame 类, 用来建立图形界面的 Java 应用程序 Japplet 类继承成自 java.applet.applet 类, 用来建立 Swing 组件的 Java 小程序

10 7.2.1 图形界面的窗口应用程序 JFrame 1. 创建窗口 1public JFrame() 创建一个没有窗口名称窗口 2public JFrame(String title) 创建一个名字为 title 的窗口

11 2. 设置窗口一些方法 1public void setsize(int width,int height): 设置窗口显示的宽度和高度, 单位为像素 2public void setvisible(boolean b) : 设置窗口是否可见, 一个窗口默认是不可见的, 当 b 为 ture 时, 窗口可见 3public void settitle(string title) : 设置窗口标题的名字为 title

12 4public void seticonimage(image image) : 设置窗口的图标为 image 5public void setbounds(int x,int y,int width,int height): 设置窗口在屏幕上显示的左上角坐标 x y 以及窗口的宽度和高度 6public void pack(): 根据窗口中的布局和添加的组件大小调整窗口大小使其以紧凑方式显示

13 3. 得到窗口内容面板添加组件和设置布局尽管 JFrame 时底层框架容器, 但并不能直接将组件加入到其中, 需要先通过 getcontentpane() 方法得到应用程序的内容面板, 使用 setlayout() 方法设置内容面板的布局, 然后通过 add() 方法向内容面板添加组件具体步骤如下 :

14 1public Container getcontentpane( ): 获取 JFrame 的内容面板 (Content Pane), 该方法返回容器类 java.awt.container 对象, 其它组件可添加到该内容面板中

15 2 public void setlayout (LayoutManager manager): 设置内容面板的布局, 参数为实现了 LayoutManager 接口的各种布局类对象 java.awt awt 中定义了多种布局类, 每种布局类都对应一种布局的策略常用的有以下几种布局类 :

16 FlowLayout: 流式布局, 依次放置组件 BoarderLayout: 边框布局, 将组件放置在边界上 CardLayout: 卡片布局, 将组件像扑克牌一样叠放, 而每次只能显示其中一个组件 GidL GridLayout: 网袋布局, 将显示区域按行列划分成一个个相等的格子, 组件依次放入这些格子中

17 3public void add(component comp, Object constraints): 向内容面板中添加组件, 第 1 个参数 comp 为要添加的组件, 第 2 个参数为所添加的位置 JFrame 类默认的布局方式是边框布局 (BorderLayout), 即东南西北中的布局, 用以下五个静态字符串常量表示 : BorderLayout.EAST BorderLayout.SOUTH BorderLayout.WEST BorderLayout.NORTH BorderLayout.CENTER

18 例 7.1 演示 JFrame 类的使用方法 import java.awt.*; import javax.swing.*; public class TestFrame extends JFrame { JTextArea text; t // 创建一个纯文区对象

19 public TestFrame(String s) { super(s); // 调用父类的构造函数, 设置窗口的标题名称 // 获取内容面板设置布局添加组件都在构造方法中完成 Container contentpane = getcontentpane(); // 得到窗口内容面板 contentpane.setlayout(new BorderLayout()); // 设置内容面板的布局为边框布局

20 text=new JTextArea(" 这是一个文本区, 用来输入文本 "); // 创建文本区 contentpane.add(text,borderlayout.center); tp t d t // 添加文本区到窗口中间 setsize(400,300); } // 设置窗口的宽高分别为 400 像素和 300 像素 setvisible(true); ibl // 设置窗口可见, 缺省是不可见的

21 } public static void main (String[] args) { TestFrame w=new TestFrame(" 我的窗口应用程序 "); }

23 7.2.2 Java 小应用程序 JApplet JApplet 类也是 Java a 的底层窗口容器, 与 JFrame 类不同的是它是无边框的容器 Japplet 同样能够放置其它 swing 组件, 标签按钮文本区等, 还支持下来菜单, 也可以用来显示文字图像, 绘制各种图形

24 与 JFrame 类似, 向 JApplet 中添加组件时, 要先通过 getcontentpane() 方法得到小程序的内容面板, 使用 setlayout() 方法设置内容面板的布局, 然后通过 add() 方法向内容面板添加组件 JApplet 默认的布局方式也是边框布局 (BorderLayout)

25 例 7.2 演示 JApplet 类的使用方法 import tjava.awt.*; t* import javax.swing.*; public class MyApplet extends JApplet { JTextArea text; t

26 public void init( it( ) { } // 获取内容面板设置布局添加组件都在 init() 方法完成 Container contentpane = getcontentpane(); // 获取内容面板 contentpane.setlayout(new BorderLayout()); // 设置内容面板的布局 text=new JTextArea(" 这是一个文本区, 用来输入文本 "); text.setforeground(color.red);// 设置组件的前景 ( 文字 ) 颜色 text.setbackground(color.gray);// g 设置组件的背景颜色 contentpane.add(text,borderlayout.north); // 添加文本区到窗口北边

27 public void paint( Graphics g ) { super.paint(g);// 调用父类的 paint 方法 } } g.setcolor(color.blue);// l 设置画笔颜色为蓝色 g.drawstring("java 小应用程序 ",450,350); showstatus(" s(" 小程序宽 :"+getwidth()+"; 小程序高 :"+getheight());

29 7.3 容器的布局使用面板类 JPanel 设置较复杂的布局

30 JPanel 的类继承关系

31 面板类 (javax.swing.jpanel) 可以显示文字图像和绘制图形 JPanel 类也是一种容器, 但它是一种最简单的无边框的容器, 可以向面板中添加 swing 组件 ( 如 JLabel JButton JTextField JTextArea 等 )

32 JPanel 类不能做独立的窗口使用通常在程序中创建 JPanel 类对象, 并向面板添加其它 swing 组件, 再将该面板对象作为一个图形组件, 添加到 JFrame JApplet 或其他 JPanel 对象中, 达到创建复杂布局的目的

33 1pubic JPanel() 创建一个缺省布局方式的面板面板的缺省布局方式为流式布局 (FlowLayout) 该布局方式将容器中的各个组件从左到右从上到下依据容器的大小逐行在容器顺序摆放

34 2pubic Panel(LayoutManager layout) 创建一个指定布局方式 layout 的面板, 布局方式有 : 边框布局 (BorderLayout) 网格布局 (GridLayout) 卡片布局 (CardLayout) 网袋布局 (GridBagLayout) 等

35 例 7.3 演示 JPanel 类的使用方法 import java.awt.*; import javax.swing.*; public class UsePanel extends JFrame { JTextArea text;// 文本区 JButton btn[]=new JButton[5]; // 有 5 个元素的按钮数组

36 public UsePanel(String s) { super(s); // 调用父类的构造函数, 设置窗口的标题名称 // 获取内容面板设置布局添加组件都在构造方法中完成 Container contentpane = getcontentpane(); // 得到窗口的内容面板 contentpane.setlayout(new BorderLayout()); // 设置内容面板的布局

37 text=new JTextArea(" 这是一个文本区, 用来输入文本 "); contentpane.add(text,borderlayout.center); // 将文本区添加到窗口中间 JPanel panel=new JPanel(); // 创建缺省布局方式 (FlowLayout) 的面板 for(int i=0;i<btn.length;i++){ // 初始化 5 个按钮并添加到面板中 btn[i]=new JButton(" 按钮 "+(i+1));// 循环创建 5 个按钮 } panel.add(btn[i]);// 将按钮添加到面板中

38 contentpane.add(panel,borderlayout.north); // 将面板添加到窗口北边 } setsize(400,300); setvisible(true); public static void main (String[] args) { UsePanel w=new UsePanel(" 演示面板布局 "); } }

40 7.3.2 分割窗口 JSplitPane 使用 javax.swing. JSplitPane 类的以下构造函数可以实现窗口的分割效果 : public JSplitPane(int neworientation, Component newleftcomponent, Component newrightcomponent)

41 (1) 第 1 个参数 : 1JSplitPane.HORIZONTAL_SPLIT: SPLIT 指明水平分割窗口 2JSplitPane.VERTICAL_SPLIT: 指明垂直分割窗口 (2) 第 2 3 个参数水平分割时左边右边的组件或垂直分割时上边下边的组件

42 例 7.4 演示 JSplitPane 类的使用方法 import javax.swing.*; import java.awt.*; public class UseSplitPane extends JFrame { JTextArea text; JButton btn[]=new JButton[5]; JSplitPane jsp;

43 public UseSplitPane(String s){ super(s); // 调用父类的构造方法, 设置窗口的标题名称 Container contentpane = getcontentpane(); contentpane.setlayout(new BorderLayout()); text=new JTextArea(" 这是一个文本区, 用来输入文本 "); JPanel panel=new JPanel(); // 创建缺省布局方式 (FlowLayout) 的面板 for(int i=0;i<btn.length;i++){// 面板中添加 5 个按钮 } btn[i]=new JButton(" 按钮 "+(i+1)); panel.add(btn[i]);

44 } panel.setbackground(color.white); // 设置面板的背景色为白色 jsp=new JSplitPane(JSplitPane. HORIZONTAL_SPLIT, text, panel);// 分割窗口 contentpane.add(jsp,borderlayout.center); add(jsp // 将 jsp 添加到内容面板的中间 setsize(400,160); setvisible(true);

45 } public static void main(string args[]) { } UseSplitPane usesplit=new UseSplitPane(" 切分窗口 ");

47 7.3.3 常用布局方式 Layout 通过创建各种布局类对象设置布局添加组件, 实现所要的图形界面 1.FlowLayout 布局 FlowLayout 布局也称为流式布局各个组件从左到右从上到下, 依据容器的大小逐行在容器中顺序摆放该布局是 JPanel 类的默认布局方式

48 (1) 创建 FlowLayout 布局 1public FlowLayout( ) 按默认的居中方式放置组件 2public FlowLayout (int alignment) 参数 alignment 取值 : FlowLayout.RIGHT( L 右对齐 ) FlowLayout.CENTER( y ( 居中对齐 ) FlowLayout.LEFT( 左对齐 )

49 3public FlowLayout (int alignment, int horizontalgap; int verticalgap); 参数 alignment--- 对齐方式参数 horizontalgap--- 左右间隔参数 verticalgap--- gp 上下间隔

50 (2) 设置容器布局 : public void setlayout(layoutmanager mgr) 例如,setLayout(new FlawLayout (FlawLayout.RIGHT)) 设置容器的布局为流式布局, 组件的对齐方式为右对齐

51 (3) 向容器中添加组件通过 add(jcomponent comp) 方法可将组件依次添加到容器中

52 2.BorderLayout 布局 BorderLayout 布局方式也称为边框式布局将组件按东南西北中五种方位放置在容器中它是 JFrame JApplet 和 JDialog 类它是 JFrame JApplet 和 JDialog 类的默认布局方式

53 布局位置通过以下几个静态字符串常量指定 : public static final String EAST="East"; public static final String SOUTH="South"; public static final String WEST="West"; public static final String NORTH="North"; public static final String CENTER="Center"; Center

54 (1) 使用以下构造方法创建 BorderLayout 布局 1public BorderLayout( ); 组件之间没有间距的边框布局 2public BorderLayout(int horizontalgap, int verticalgap); 指定组件间距的边框布局, 其中参数 horizontalgap 和 verticalgap 分别表示各个组件的水平间隔和垂直间隔, 单位是像素

55 (2) 设置容器布局 public void setlayout(layoutmanager mgr) 设置容器中新的布局例如,setLayout(new BorderLayout()), 将布局设置为东南西北中的边框布局

56 (3) 向容器中添加组件通过方法 add(component comp, Object constraints) 将组件 comp 添加到参数 constraints 指定的位置对于 BorderLayout 布局, 参数 constraints 只能是前面说过的表示方位的 5 个静态字符串常量如果东南西北某个位置上没有放置组件, 则该区域会被中间区域和相关的某个位置区域自动充满

57 3.GridLayout 布局 GridLayout 布局称为网格布局各个组件放置在由 m n 的网格中, 其中 m 表示网格行数,n 表示网格列数, 网格大小相同

58 (1) 使用下面的两个构造方法创建 GridLayout 布局对象 1public GridLayout (int rows, int columns) 参数 rows 是网格的行数参数是 columns 网格的列数

59 2public GridLayout (int rows, int coulumns, int horizontalgap, gpint verticalgap) gp) 参数 rows 是网格的行数参数是 columns 网格的列数参数 horizontalgap 表示各个组件水平间隔的距离参数 verticalgap 表示各个组件上下间参数 verticalgap 表示各个组件上下间隔的距离, 单位是像素

60 (2) 设置容器布局例如, setlayout(new GridLayout(3,3)), 将容器布局设置为 3 3 的网格布局

61 (3) 向容器中添加组件通过 add(component comp) 方法将组件依次从左到右, 从上到下添加到网格中

62 例 7.5 演示 GridLayout 类的使用方法 import java.awt.*; import javax.swing.*; public class UseGridLayout extends JFrame{ JTextField text[]=new JTextField[4]; // 声明有 4 个元素的 JTextField 数组 JButton btn[]=new JButton[9]; // 声明有 9 个元素的 JButton 数组 String position[]={borderlayout.east,borderlayout.south, BorderLayout.WEST,BorderLayout.NORTH}; // 布局位置

63 public UseGridLayout(String s) { super(s); // 调用父类的构造函数, 设置窗口的标题名称 // 获取内容面板设置布局添加组件都在构造方法中完成 Container contentpane = getcontentpane(); contentpane.setlayout(new BorderLayout(5,5)); // 东南西北放置四个单行文本框 for(int i=0;i<text.length;i++){ text[i]=new JTextField(position[i]);// 创建文本框 contentpane.add(text[i],position[i]); // 添加到内容面板中 }

64 // 窗口中间的面板 panel,3 3 的网格布局, 放置 9 个按钮 JPanel panel=new JPanel(new GridLayout(3,3,5,2)); for( int i=0;i<btn.length;i++){ btn[i]=new JButton(""+(i+1));// 创建按钮 panel.add(btn[i]);// 添加到面板中 } contentpane.add(panel,borderlayout.center); // 面板在中间

65 setsize(300,200); } setvisible(true); public static void main(string args[]){ UseGridLayout b = new UseGridLayout(" 演示 GridLayout 布局 "); } }

67 7.4 字体和颜色的使用字体设置 Font 类 1. 创建 Font 类的一个对象

68 Font ( String name, int style, int size ) 参数 name 指定字型名称参数 style 指定字的外观 : Font.PLAIN: 正常字体 ; Font.BOLD: 粗体 ; Font.ITALIC: 斜体参数 size 指定字体大小

69 2. 获取系统支持的所有字体名称 java.awt.graphicsenvironment 图形环境类, 描述系统图形设备和系统支持字体等特性抽象类, 获取图形环境类对象 : GraphicsEnvironment environment= GraphicsEnvironment.getLocalGraphicsEnviron ment();

70 使用该类的以下方法得到系统支持的所有字体名称, 并把字体名称保存在字符串数组中 String[] getavailablefontfamilynames()

71 3. 设置字体设置画笔 ( Graphics 类对象 ) 的字体 Graphics 类的方法 void setfont t ( Font font ) 设置字体设置组件上显示的字体 : 使用 javax.swing 包中各组件的方法 void setfont ( Font font ) 设置组件文字字体

72 7.4.2 颜色设置 Color 类 1. 创建 Color 类的一个对象 public Color ( int red, int green, int blue ) 3 个整型参数 red green 和 blue 分别表示红绿和蓝 3 色分量, 取值分别是 0~255 例如, 下面的语句定义红色 : Color color=new Color(255,0,0); 为了方便起见 C l 提供了 13 中静为了方便起见,Color 提供了 13 中静态颜色常量, 通过 Color 类名可以直接引用

73 2.Color 类的十三种颜色常量

74 3. 设置颜色 (1) 设置画笔的颜色 : 使用 Graphics 类中方法设置画笔颜色 void setcolor( Color c )

75 (2) 使用 javax.swing 包中各组件都拥有的方法 : setbackground(color clr) 设置组件的背景颜色 setforeground(color clr) 设置 g ( ) 前景色, 即组件上文字的颜色

76 7.5 图形绘制和图像显示画图类 (Graphics) Java 图形界面的坐标原点 (0,0) 在窗口左上角 ; 水平向右为 x 的正方向, 垂直向下为 y 的正方向, 单位是像素

77 1. 绘制直线矩形椭圆和多边形 1 画直线 public void drawline( int x1, int y1, int x2, int y2 ) 参数 ( x1, y1 ) 和 ( x2, y2 ) 是所画直线的两个端点坐标

78 2 画矩形 public void drawrect( int x, int y, int width, int height ) public void fillrect( int x, int y, int width, int height ) 参数 x 和 y 是矩形左上角坐标 ; 参数 width 和 height 是矩形的高度和宽度, 单位是像素

79 3 画椭圆 public void drawoval( int x, int y, int width, int height ) public void filloval( int x, int y, int width, int height ) 参数 x 和 y 是椭圆的外切矩形的左上角坐标 ; 参数 width 和 height 是椭圆的外切矩形的高度和宽度, 单位是像素

80 4 画圆弧 public void drawarc( int x, int y, int width, int height, int startangle, int arcangle ) public void fillarc( int x, int y, int width, int height, int startangle, int arcangle ) 前 4 个参数和画椭圆的参数一致, 第 5 个参数 startangle 是圆弧的起始角度, 参数 arcangle 是从起始角度开始旋转的角度, 逆时针为正, 顺时针为负, 单位都为度, 取值为 0~360

81 5 画多边形 public void drawpolygon( int xpoints[], int ypoints[], int points ); public void fillpolygon( int xpoints[], int ypoints[], int points ); 参数 xpoints[] 依次存放顶点的 x 坐标, 参数 ypoints[] 依次存放顶点的坐标, 参数 points 存放顶点的个数

Chapter 9: Objects and Classes

Chapter 9: Objects and Classes (Swing) AWTEvent Font LayoutManager 1 Classes in the javax.swing package Heavyweight FontMetrics Object Color Panel Applet JApplet Graphics Component Container Window Frame JFrame * Dialog JDialog JComponent