第10章 Applet编程.ppt

第10章Applet编程 本章学习重点 熟悉Applet技术 掌握Applet的开发步骤 理解Applet小程序的生命周期 掌握Graphics类的用法 HTML基础 Applet概述 Applet技术一出现 互联网立刻焕发出无限的生机 因为Applet不仅可以生成绚丽多彩的Web页面 进行良好的人机交互 同时还能处理图形图像 声音 视频和动画等多媒体数据 随即它吸引了全世界编程者的目光 Java语言也正因此火热流行起来 可见Applet在Java的发展过程中起到不可估量的推动作用 Applet开发步骤 Applet的开发步骤大致可以分为以下三个步骤 1 用UltraEdit或Notepad等纯文本软件编辑JavaApplet源程序 2 利用javac编译器将Applet源程序转换成class字节码文件 3 编写HTML页面 并通过 APPLET APPLET 标签引用上述字节码文件 一个简单的例子 importjava awt importjava applet publicclassHelloAppletextendsApplet publicvoidpaint Graphicsg g drawString Hello 10 10 g drawString WelcometoAppletProgramming 30 30 HTML网页 HelloApplet 嵌入网页效果 Applet技术解析 Applet类是用户编写的applet小程序的基类 该基类的继承关系如下图所示 Applet生命周期 Applet小程序的生命周期相对于Application而言较为复杂 在其生命周期中涉及到Applet类的四个方法 init start stop 和destroy Applet的生命周期中有相对应的四个状态 初始态 运行态 停止态和消亡态 当程序执行完init 方法以后 Applet小程序就进入了初始态 然后立刻执行start 方法 Applet小程序进入运行态 当Applet小程序所在的浏览器图标化或者是转入其它页面时 该Applet小程序立刻执行stop 方法 使Applet小程序进入停止态 在停止态中 如果浏览器又重新加载该Applet小程序所在的页面 或者是浏览器从图标中还原 则Applet小程序又会调用start 方法 进入运行态 不过 在停止态时 若浏览器被关闭 则Applet小程序会调用destroy 方法 使其进入消亡态 paint 方法 Applet小程序的窗口绘制通常是由paint 方法来完成的 paint 方法在小程序执行后会被自行调用 并且以后在遇到窗口缩小化后再恢复或者被其他窗口遮挡后再恢复情形 它都会被自动调用 以重新绘制窗口 paint 方法包含一个Graphics类的参数对象 这个对象可以被用来输出文本 绘制图形 显示图像等 该方法的格式如下 publicvoidpaint Graphicsg 编写代码 Applet多媒体编程 文字 importjava awt importjava applet publicclassTextAppletextendsApplet Fontf1 newFont TimesNewRoman Font PLAIN 12 Fontf2 newFont 宋体 Font BOLD 24 Fontf3 newFont 黑体 Font BOLD 36 Colorc1 newColor 255 0 0 红色Colorc2 newColor 0 255 0 绿色Colorc3 newColor 0 0 255 蓝色publicvoidpaint Graphicsg g setFont f1 g setColor c1 g drawString TimesNewRoman 20 30 g setFont f2 g setColor c2 g drawString 宋体 20 60 g setFont f3 g setColor c3 g drawString 黑体 20 120 Applet多媒体编程 图形 importjava awt importjava applet publicclassLineAppletextendsApplet publicvoidpaint Graphicsg intx1 y1 x2 y2 x1 10 y1 10 x2 100 y2 100 g drawLine x1 y1 x2 y2 Applet多媒体编程 图形 importjava awt importjava applet publicclassRectAppletextendsApplet publicvoidpaint Graphicsg g drawRect 10 10 60 60 g fillRect 80 10 60 60 Applet多媒体编程 图形 importjava awt importjava applet publicclassPolyAppletextendsApplet publicvoidpaint Graphicsg intx 30 90 100 140 50 60 30 inty 30 70 40 70 100 80 100 intpts x length g drawPolygon x y pts importjava applet publicclassLampAppletextendsApplet publicvoidpaint Graphicsg 绘制灯上的黑点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 绘制灯柱线g drawLine 125 250 125 160 g drawLine 175 250 175 160 绘制底座g fillRect 10 250 260 30 图像 importjava awt importjava applet publicclassPicAppletextendsApplet Imagepic 图像对象publicvoidinit pic getImage getCodeBase fish jpg 获得图片 publicvoidpaint Graphicsg g drawImage pic 30 30 this 声音 importjava awt importjava applet publicclassAudioAppletextendsApplet AudioClipaudio 声音对象publicvoidinit audio getAudioClip getCodeBase fire au 获得声音 publicvoidpaint Graphicsg g drawString 循环播放声音的Applet小程序 30 30 publicvoidstart audio loop 循环播放声音 publicvoidstop audio stop 停止播放 动画 所谓动画就是通过连续播放一系列画面 给视觉造成连续变化的图画 这是动画最基本的原理 在屏幕上显示一系列连续动画的第一帧图像 然后每隔很短的时间再显示下一帧图像 如此往复 利用人眼视觉的暂停现象 感觉画面的物体在运动 用多线程实现动画文字 在Java中实现多线程有两种方法 一种是继承Thread类 另外一种是实现Runnable接口 对于Applet小程序 我们一般是实现Runnable接口 实现动画文字与实现动画的方法是一样的 可以通过实现Runnable接口来实现多线程绘出动画文字 使文字像打字一样一个文字一个文字地跳出来 然后全部隐去 再重复显示文字 实现打字效果 显示动画 publicclassMovingImgextendsApplet Imageimg0 img1 intx 10 publicvoidinit img0 getImage getCodeBase T5 gif img1 getImage getCodeBase T1 gif publicvoidpaint Graphicsg g drawImage img0 0 10 this g drawImage img1 x 30 this g drawImage img0 0 60 this try Thread sleep 50 x 5 if x 550 x 10 Thread sleep 1500 catch InterruptedExceptione repaint 运行上述Applet时画面有闪烁的现象 一般来说 画面越大 闪烁越严重 避免闪动的方法有两个 一是通过覆盖update 方法 二是使用buffer屏幕缓冲区 若画面较大 只使用update 以背景色清除显示区的时间就较长 不可避免地会产生闪烁 可以通过双缓冲技术 有效地消除闪烁 显示动画 双缓冲技术简介 双缓冲技术在显示动画之前 首先创建两个图形缓冲区 一个为前台的显示缓冲 一个为后台的图形缓冲 然后在显示 绘制 图形时 对两个缓冲区进行同步的图形数据更新 该操作相当于为前台显示区的数据作了一个后台的图形数据备份 当前台显示区的图形数据需要恢复时 可以用后台备份的图形数据来恢复 其具体方法则是重写paint 和update 方法 将备份好的图形数据一次性地画到显示屏幕上 Applet HelloWorld javaimportjava awt importjava applet publicclassHelloWorldextendsApplet publicvoidpaint Graphicsg g setColor Color blue g drawRect 10 10 100 150 g drawString HelloWorld 25 50 Applet与HTML Example 演示 在线计算器 HTML简介 HTML入门HTML基本构架页面布局与文字设计列表 多媒体效果TABLE表格 HTML入门 HTML英语意思是 HypertextMarkedLanguage 即超文本标记语言通过HTML可以表现出丰富多彩的设计风格通过HTML可以展现多媒体的效果标签 HTML的基本结构 文档头 文档体头部信息文档主体 正文部分 HTML的基本结构 下面是一个最基本的超文本文档的源代码 一个简单的HTML示例欢迎光临我的主页这是我第一次做主页 无论怎么样 我都会努力做好 超文本中的标签 单标签双标签内容标签属性 页面布局及文字设计 标题换行段落标签水平线段文字的大小设置文字的字体与样式文字的颜色位置控制综合示例 标题 HTML中提供了相应的标题标签 总共提供六个等级 n越小 标题字号就越大 第一级标题 第二级标题 第三级标题 第四级标题 第五级标题 第六级标题请看例子 换行 在HTML语言规范里 每当浏览器窗口被缩小时 浏览器会自动将右边的文字转折至下一行 所以 编写者对于自己需要断行的地方 应加上标签 段落标签 文件段落的开始由来标记 段落的结束由来标记 是可以省略的 因为下一个的开始就意味着上一个的结束标签还有一个属性ALIGN 它用来指名字符显示时的对齐方式 一般值有CENTER LEFT RIGHT三种请看例子 水平线段 这个标签可以在屏幕上显示一条水平线 用以分割页面中的不同部分 有四个属性 size水平线的宽度width水平线的长 用占屏幕宽度的百分比或象素值来表示align水平线的对齐方式 有LEFTRIGHTCENTER三种noshade线段无阴影属性 为实心线段 水平线段 线段粗细的设定线段长度的设定线段排列的设定无阴影的设定请看例子 文字的大小设置 提供设置字号大小的是FONT FONT有一个属性SIZE 通过指定SIZE属性就能设置字号大小 而SIZE属性的有效值范围为1 7 其中缺省值为3 我们可以SIZE属性值之前加上 字符 来指定相对于字号初始值的增量或减量 请看示例 文字的字体与样式 HTML提供了定义字体的功能 用FACE属性来完成这个工作 FACE的属性值可以是本机上的任一字体类型 只有对方的电脑中装有相同的字体才可以在他的浏览器中出现你预先设计的风格 请看例子 文字的字体与样式 为了让文字富有变化 或者为了着意强调某一部分 HTML提供了一些标签产生这些效果 现将常用的标签列举如下 粗体HTML语言斜体HTML语言加下划线HTML语言打字机字体HTML语言大型字体HTML语言小型字体HTML语言表示强调 一般为斜体HTML语言表示特别强调 一般为粗体HTML语言用于引证 举例 一般为斜体HTML语言 文字的颜色 文字颜色设置格式如下 这里的颜色值可以是一个十六进制数 用 作为前缀 也可以是颜色名称如 Black 000000 Green 00FF00 Red FF0000 Blue 0000FF 请看例子 列表 无序号列表序号列表 无序号列表 无序号列表使用的一对标签是 每一个列表项前使用 其结构如下所示 第一项第二项第三项请看例子 序号列表 序号列表和无序号列表的使用方法基本相同 它使用标签 每一个列表项前使用 每个项目都有前后顺序之分 多数用数字表示 其结构如下所示 第一项第二项第三项 多媒体效果 插入图象播放音乐播放视频 插入图形 超文本支持的图象格式有GIF JPEG等 插入图象的标签是 其格式为 请看例子 播放音乐 点播音乐将音乐做成一个链接 乐曲名自动载入音乐基本语法 播放视频 链接一个视频文件将视频文件做成一个链接的方法 视频名称自动载入视频与音乐的播放一样 我们可以使用EMBED标签播放视频 TABLE表格 表格的基本结构表格的标题表格的尺寸设置表格内文字的对齐 布局跨多行 多列的表元表格的颜色 表格的基本结构 定义表格 定义标题定义表行定义表头定义表元 表格的具体数据 一个简单的例子 表格的标题 表格标题的位置 可由ALIGN属性来设置 其位置分别由表格上方和表格下方 下面为表格标题位置的设置格式 设置标题位于表格上方 设置标题位于表格下方 表格尺寸设置 表格的大小一般情况下 表格的总长度和总宽度是根据各行和各列的总和自动调整的 如果我们要直接固定表格的大小 可以使用下列方式 width和height属性分别指定表格一个固定的宽度和长度 n1和n2可以用像素来表示 也可以用百分比 与整个屏幕相比的大小比例 来表示 表格尺寸设置 边框尺寸设置边框是用border属性来体现的 它表示表