JAVA第10章Applet编程.ppt

《JAVA第10章Applet编程.ppt》由会员分享，可在线阅读，更多相关《JAVA第10章Applet编程.ppt（57页珍藏版）》请在三一办公上搜索。

1、第10章 Applet编程,本章学习重点,熟悉Applet技术。掌握Applet的开发步骤。理解Applet小程序的生命周期。掌握Graphics类的用法。HTML基础,Applet概述,Applet技术一出现，互联网立刻焕发出无限的生机，因为Applet不仅可以生成绚丽多彩的Web页面、进行良好的人机交互，同时还能处理图形图像、声音、视频和动画等多媒体数据，随即它吸引了全世界编程者的目光，Java语言也正因此火热流行起来，可见Applet在Java的发展过程中起到不可估量的推动作用。,Applet开发步骤,Applet的开发步骤大致可以分为以下三个步骤：（1）用UltraEdit或Notep

2、ad等纯文本软件编辑Java Applet源程序。（2）利用javac编译器将Applet源程序转换成class字节码文件。（3）编写HTML页面，并通过APPLET/APPLET标签引用上述字节码文件。,一个简单的例子,import java.awt.*;import java.applet.*;public class HelloApplet extends Applet public void paint(Graphics g)g.drawString(Hello!,10,10);g.drawString(Welcome to Applet Programming!,30,30);,HT

3、ML网页,Hello Applet,嵌入网页效果,Applet技术解析,Applet类是用户编写的applet小程序的基类，该基类的继承关系如下图所示。,Applet生命周期,Applet小程序的生命周期相对于Application而言较为复杂。在其生命周期中涉及到Applet类的四个方法：init（）、start（）、stop（）和destroy（），Applet的生命周期中有相对应的四个状态：初始态、运行态、停止态和消亡态。当程序执行完init（）方法以后，Applet小程序就进入了初始态；然后立刻执行start（）方法，Applet小程序进入运行态；当Applet小程序所在的浏览器图标化

4、或者是转入其它页面时，该Applet小程序立刻执行stop（）方法，使Applet小程序进入停止态；在停止态中，如果浏览器又重新加载该Applet小程序所在的页面，或者是浏览器从图标中还原，则Applet小程序又会调用start（）方法，进入运行态；不过，在停止态时，若浏览器被关闭，则Applet小程序会调用destroy（）方法，使其进入消亡态。,paint（）方法,Applet小程序的窗口绘制通常是由paint（）方法来完成的。paint（）方法在小程序执行后会被自行调用，并且以后在遇到窗口缩小化后再恢复或者被其他窗口遮挡后再恢复情形，它都会被自动调用，以重新绘制窗口。paint（）方法包

5、含一个Graphics类的参数对象，这个对象可以被用来输出文本、绘制图形、显示图像等。该方法的格式如下：public void paint(Graphics g)/编写代码,Applet多媒体编程-文字,import java.awt.*;import java.applet.*;public class TextApplet extends Applet Font f1=new Font(Times New Roman,Font.PLAIN,12);Font f2=new Font(宋体,Font.BOLD,24);Font f3=new Font(黑体,Font.BOLD,36);Colo

6、r c1=new Color(255,0,0);/红色 Color c2=new Color(0,255,0);/绿色 Color c3=new Color(0,0,255);/蓝色 public void paint(Graphics g)g.setFont(f1);g.setColor(c1);g.drawString(Times New Roman,20,30);g.setFont(f2);g.setColor(c2);g.drawString(宋体,20,60);g.setFont(f3);g.setColor(c3);g.drawString(黑体,20,120);,Applet多媒

7、体编程-图形,import java.awt.*;import java.applet.*;public class LineApplet extends Applet public void paint(Graphics g)int x1,y1,x2,y2;x1=10;y1=10;x2=100;y2=100;g.drawLine(x1,y1,x2,y2);,Applet多媒体编程-图形,import java.awt.*;import java.applet.*;public class RectApplet extends Applet public void paint(Graphics

8、 g)g.drawRect(10,10,60,60);g.fillRect(80,10,60,60);,Applet多媒体编程-图形,import java.awt.*;import java.applet.*;public class PolyApplet extends Applet public void paint(Graphics g)int x=30,90,100,140,50,60,30;int y=30,70,40,70,100,80,100;int pts=x.length;g.drawPolygon(x,y,pts);,import java.applet.*;public

9、 class LampApplet extends Applet public void paint(Graphics g)/绘制灯上的黑点 g.fillArc(78,120,40,40,63,-174);g.fillArc(173,100,40,40,110,180);g.fillOval(120,96,40,40);/绘制灯的上下轮廓 g.drawArc(85,157,130,50,-65,312);g.drawArc(85,87,130,50,62,58);/绘制灯的左右轮廓 g.drawLine(85,177,119,89);g.drawLine(215,177,181,89);/绘制

10、灯柱线 g.drawLine(125,250,125,160);g.drawLine(175,250,175,160);/绘制底座 g.fillRect(10,250,260,30);,图像,import java.awt.*;import java.applet.*;public class PicApplet extends Applet Image pic;/图像对象 public void init()pic=getImage(getCodeBase(),fish.jpg);/获得图片 public void paint(Graphics g)g.drawImage(pic,30,30

11、,this);,声音,import java.awt.*;import java.applet.*;public class AudioApplet extends Applet AudioClip audio;/声音对象 public void init()audio=getAudioClip(getCodeBase(),fire.au);/获得声音 public void paint(Graphics g)g.drawString(循环播放声音的Applet小程序,30,30);public void start()audio.loop();/循环播放声音 public void stop

12、()audio.stop();/停止播放,动画,所谓动画就是通过连续播放一系列画面，给视觉造成连续变化的图画，这是动画最基本的原理。在屏幕上显示一系列连续动画的第一帧图像，然后每隔很短的时间再显示下一帧图像，如此往复，利用人眼视觉的暂停现象，感觉画面的物体在运动。,用多线程实现动画文字,在Java中实现多线程有两种方法：一种是继承Thread类；另外一种是实现Runnable接口，对于Applet小程序，我们一般是实现Runnable接口。实现动画文字与实现动画的方法是一样的，可以通过实现Runnable接口来实现多线程绘出动画文字，使文字像打字一样一个文字一个文字地跳出来，然后全部隐去，再重

13、复显示文字，实现打字效果。,显示动画,public class MovingImg extends AppletImage img0,img1;int x=10;public void init()img0=getImage(getCodeBase(),T5.gif);img1=getImage(getCodeBase(),T1.gif);public void paint(Graphics g)g.drawImage(img0,0,10,this);g.drawImage(img1,x,30,this);g.drawImage(img0,0,60,this);tryThread.sleep(

14、50);x+=5;if(x=550)x=10;Thread.sleep(1500);catch(InterruptedException e)repaint();,运行上述Applet时画面有闪烁的现象。一般来说，画面越大，闪烁越严重。避免闪动的方法有两个，一是通过覆盖update()方法，二是使用buffer屏幕缓冲区。若画面较大，只使用update()以背景色清除显示区的时间就较长，不可避免地会产生闪烁，可以通过双缓冲技术，有效地消除闪烁。,显示动画,双缓冲技术简介,双缓冲技术在显示动画之前，首先创建两个图形缓冲区，一个为前台的显示缓冲，一个为后台的图形缓冲，然后在显示（绘制）图形时，对两

15、个缓冲区进行同步的图形数据更新，该操作相当于为前台显示区的数据作了一个后台的图形数据备份，当前台显示区的图形数据需要恢复时，可以用后台备份的图形数据来恢复，其具体方法则是重写paint()和update()方法，将备份好的图形数据一次性地画到显示屏幕上。,Applet,/HelloWorld.java import java.awt.*;import java.applet.*;public class HelloWorld extends Appletpublic void paint(Graphics g)g.setColor(Color.blue);g.drawRect(10,10,10

16、0,150);g.drawString(Hello World,25,50);,Applet与HTML,Example,演示,在线计算器,HTML简介,HTML入门 HTML基本构架页面布局与文字设计列表,多媒体效果 TABLE表格,HTML入门,HTML英语意思是：Hypertext Marked Language，即超文本标记语言通过HTML可以表现出丰富多彩的设计风格通过HTML可以展现多媒体的效果标签“”,HTML的基本结构,文档头、文档体头 部 信 息 文 档 主 体，正 文 部 分,HTML的基本结构,下面是一个最基本的超文本文档的源代码：一个简单的HTML示例欢迎光临我的主页这是

17、我第一次做主页，无论怎么样，我都会努力做好！,超文本中的标签,单标签 双标签 内 容 标签属性,页面布局及文字设计,标题换行段落标签水平线段文字的大小设置文字的字体与样式文字的颜色位置控制综合示例,标题,HTML中提供了相应的标题标签,总共提供六个等级，n越小，标题字号就越大第一级标题 第二级标题 第三级标题 第四级标题 第五级标题 第六级标题请看例子,换行,在HTML语言规范里，每当浏览器窗口被缩小时，浏览器会自动将右边的文字转折至下一行。所以，编写者对于自己需要断行的地方，应加上标签。,段落标签,文件段落的开始由来标记，段落的结束由来标记，是可以省略的，因为下一个的开始就意味着上一个的结束

18、标签还有一个属性ALIGN，它用来指名字符显示时的对齐方式，一般值有CENTER、LEFT、RIGHT三种请看例子,水平线段,这个标签可以在屏幕上显示一条水平线，用以分割页面中的不同部分。有四个属性：size水平线的宽度width 水平线的长，用占屏幕宽度的百分比或象素值 来表示align 水平线的对齐方式，有LEFT RIGHT CENTER三种noshade 线段无阴影属性，为实心线段,水平线段,线段粗细的设定线段长度的设定线段排列的设定无阴影的设定 请看例子,文字的大小设置,提供设置字号大小的是FONT，FONT有一个属性SIZE，通过指定SIZE属性就能设置字号大小，而SIZE属性的有

19、效值范围为17，其中缺省值为3。我们可以SIZE属性值之前加上“”、“”字符，来指定相对于字号初始值的增量或减量。请看示例,文字的字体与样式,HTML提供了定义字体的功能，用FACE属性来完成这个工作。FACE的属性值可以是本机上的任一字体类型，只有对方的电脑中装有相同的字体才可以在他的浏览器中出现你预先设计的风格。请看例子,文字的字体与样式,为了让文字富有变化，或者为了着意强调某一部分，HTML提供了一些标签产生这些效果，现将常用的标签列举如下：粗体HTML语言 斜体 HTML语言 加下划线 HTML语言 打字机字体 HTML语言大型字体 HTML语言小型字体HTML语言 表示强调，一般为斜

20、体HTML语言 表示特别强调，一般为粗体HTML语言 用于引证、举例，一般为斜体HTML语言,文字的颜色,文字颜色设置格式如下：这里的颜色值可以是一个十六进制数(用“#”作为前缀)，也可以是颜色名称 如：Black=#000000“Green=#00FF00 Red=#FF0000“Blue=#0000FF“请看例子,列表,无序号列表序号列表,无序号列表,无序号列表使用的一对标签是，每一个列表项前使用。其结构如下所示：第一项第二项第三项请看例子,序号列表,序号列表和无序号列表的使用方法基本相同，它使用标签，每一个列表项前使用。每个项目都有前后顺序之分，多数用数字表示。其结构如下所示：第一项第二

21、项第三项,多媒体效果,插入图象播放音乐播放视频,插入图形,超文本支持的图象格式有GIF、JPEG等。插入图象的标签是，其格式为：请看例子,播放音乐,点播音乐 将音乐做成一个链接：乐曲名自动载入音乐 基本语法：,播放视频,链接一个视频文件 将视频文件做成一个链接的方法：视频名称自动载入视频与音乐的播放一样，我们可以使用EMBED标签播放视频：,TABLE表格,表格的基本结构表格的标题表格的尺寸设置表格内文字的对齐、布局跨多行、多列的表元表格的颜色,表格的基本结构,.定义表格.定义标题 定义表行 定义表头 定义表元(表格的具体数据)一个简单的例子,表格的标题,表格标题的位置，可由ALIGN属性来设

22、置，其位置分别由表格上方和表格下方。下面为表格标题位置的设置格式。设置标题位于表格上方：.设置标题位于表格下方：.,表格尺寸设置,表格的大小一般情况下，表格的总长度和总宽度是根据各行和各列的总和自动调整的，如果我们要直接固定表格的大小，可以使用下列方式：width和height属性分别指定表格一个固定的宽度和长度，n1和n2可以用像素来表示，也可以用百分比（与整个屏幕相比的大小比例）来表示,表格尺寸设置,边框尺寸设置边框是用border属性来体现的，它表示表格的边框边厚度和框线。将border设成不同的值，有不同的效果。如：定货单苹果香蕉葡萄200公斤200公斤100公斤,表格尺寸设置,格间线

23、宽度 格与格之间的线为格间线，它的宽度可以使用中的CELLSPACING属性加以调节。格式是：#表示要取用的像素值例：定货单苹果香蕉葡萄200公斤200公斤100公斤,表格尺寸设置,内容与格线之间的宽度我们还可以在中设置CELLPADDING属性，用来规定内容与格线之间的宽度。格式为：#表示要取用的像素值例：定货单苹果香蕉葡萄200公斤200公斤100公斤,表格内文字的对齐/布局,表格中数据的排列方式有两种，分别是左右排列和上下排列。左右排列是以ALIGN属性来设置，而上下排列则由VALIGN属性来设置。其中左右排列的位置可分为三种：居左（left)、居右(right)和居中(center)；

24、而上下排列基本上比较常用的有四种：上齐(top)、居中(middle)、下齐(bottom)和基线(baseline)。#=left,center,right#=top，middle，bottom，baseline,表格的颜色,在表格中，既可以对整个表格填入底色，也可以对任何一行、一个表元使用背景色。表格的背景色彩 行的背景色彩 表元的背景色彩或#=rrggbb 16进制 RGB数码,或者是下列预定义色彩名称：Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,Fuchsia,White,Green,Purple,Silver,Yellow,Aqua,学习HTML的建议：,语法手册模仿，照葫芦画瓢,作业,12379,