MIDP图形用户界面.ppt

《MIDP图形用户界面.ppt》由会员分享，可在线阅读，更多相关《MIDP图形用户界面.ppt（29页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第7 7章章 MIDPMIDP图形用户界面图形用户界面低级低级APIAPIJ Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程本章学习导航本章学习导航J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程本章学习要点本章学习要点（1）Canvas类概述；类概述；（2）处理）处理Canvas类键盘事件；类键盘事件；（3）处理）处理Canvas类屏幕事件；类屏幕事件；（4）Graphics类概述；类概述；（5）Graphics类的绘图操作；类的绘图操作；（6）Graphics类的颜色操作；类的颜色操作；（7）Graphics类的文字操

2、作；类的文字操作；（8）Graphics类的图像操作。类的图像操作。J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程7.1 Canvas类的使用 l使用javax.microedition.lcdui包中的低级API，可以实现一些相对比较复杂的图形或者访问底层输入事件。进行低级API开发时主要用到两个类：Canvas类和Graphics类。lCanvas类是一个抽象类，利用Canvas类提供的相关方法可以处理低级事件和在屏幕上绘画。CanvasCanvas类概述类概述 J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程7.1

3、 Canvas类的使用 CanvasCanvas类常用方法类常用方法 J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程7.1 Canvas类的使用CanvasCanvas实例实例【例例7-1】第一个第一个Canvas程序（程序（FirstCanvasDemo.java）教教师师演演示示讲讲解解J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程7.1 Canvas类的使用 lCanvas处理按键事件是通过keyPressed方法、keyReleased方法和keyRepeated三个方法实现的。l在开发的时候一定要用Canva

4、s.hasRepeatedEvents方法来进行实际的检测，看是否支持keyRepeated方法。键盘事件键盘事件 J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程7.1 Canvas类的使用CanvasCanvas键盘事件实例键盘事件实例【例例7-2】演示演示Canvas的键盘事件（的键盘事件（FirstCanvasDemo.java）教教师师演演示示讲讲解解J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程7.1 Canvas类的使用 lCanvas有两种模式，一种是正常模式正常模式，另一种是全屏模式全屏模式，两者之间的

5、区别在于当我们使用全屏幕模式的时候，添加在Canvas上面的Title和Ticker和Command都无法在屏幕上显示，而正常模式下可以。l利用Canvas的setFullScreenMode方法可以设定Canvas的模式。当我们调用setFullScreenMode方法的时候，不管是什么模式，都会调用sizeChanged这个方法，并传入屏幕的高度和宽度作为其参数。l对于某些突发事件（如：来电），手机屏幕会被系统画面所覆盖的时候，就会调用hideNotify方法；当恢复原状时，就会调用我们原本的画面，那么系统就会同时调用showNotify()这个方法。在实际操作过程当中，应该覆写这两个方法

6、，以便在可见性变化时，使程序做出相应的反应。Canvas会在它被显示的时候自动调用paint()方法，所以我们不必去显式的调用repaint()方法。屏幕事件屏幕事件 J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程7.1 Canvas类的使用CanvasCanvas屏幕事件实例屏幕事件实例【例例7-3】演示演示Canvas的屏幕模式（的屏幕模式（FirstCanvasDemo.java）教教师师演演示示讲讲解解 J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程7.2 Graphics类的使用 l包中的包中的Graphic

7、s类提供了简单的类提供了简单的2D绘图绘图功能。它具有功能。它具有24位位深度颜色的深度颜色的绘制能力，以绘制能力，以三原色三原色分别占一个字节表示其颜色。分别占一个字节表示其颜色。l Graphics的各种绘图功能是通过该类提供的各种方法来实现的，的各种绘图功能是通过该类提供的各种方法来实现的，Graphics类的类的常用方法见表常用方法见表7-3。GraphicsGraphics类概述类概述J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程7.2 Graphics类的使用 GraphicsGraphics类常用方法类常用方法J Ja av va a M M

8、E E程程 序序 设设 计计 案案 例例 教教 程程7.2 Graphics类的使用 vMIDletMIDlet程序中使用最多的图像模式是程序中使用最多的图像模式是PNGPNG（Portable Portable Network GraphicsNetwork Graphics，可移植的网络图像），可移植的网络图像）vPNGPNG格式可以提供透明背景的图像（方便于绘制游戏格式可以提供透明背景的图像（方便于绘制游戏画面等）画面等）vPNGPNG格式的图片中包含许多定义其图片特性的冗余信格式的图片中包含许多定义其图片特性的冗余信息，可以方便的对图片进行分割和合并。息，可以方便的对图片进行分割和合并

9、。J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程7.2 Graphics类的使用 l Graphics绘图时用到的坐标系和平时数学中用到的坐标系不一样，绘图时用到的坐标系和平时数学中用到的坐标系不一样，Graphics类坐标系的坐标原点在屏幕的左上角，类坐标系的坐标原点在屏幕的左上角，x坐标自左向右递增，坐标自左向右递增，y坐标自上向下递增坐标自上向下递增。绘图操作绘图操作坐标概念坐标概念J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程7.2 Graphics类的使用 l 使用使用Graphics类绘制的直线有两种类型：

10、其中类绘制的直线有两种类型：其中SOLID表示绘制实线；表示绘制实线；DOTTED表示绘制虚线，绘制的直线类型可以通过表示绘制虚线，绘制的直线类型可以通过setStrokeStyle方法方法进行设置。进行设置。绘图操作绘图操作绘制直线绘制直线【例7-4】演示利用Graphics类绘制直线（DrawLineDemo.java）J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程7.2 Graphics类的使用GraphicsGraphics类绘图实例类绘图实例【例例7-5】演示利用演示利用Graphics类绘制各种图形（类绘制各种图形（DrawLineDemo.j

11、ava）教教师师演演示示讲讲解解 J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程7.2 Graphics类的使用颜色操作颜色操作l 在利用在利用Grahpics类进行绘图操作时，我们经常要给图形添加各种各样类进行绘图操作时，我们经常要给图形添加各种各样的颜色。图形的颜色的设置可以通过的颜色。图形的颜色的设置可以通过setColor方法实现。方法实现。l 对于具体的颜色中的对于具体的颜色中的R（红）、（红）、G（绿）、（绿）、B（蓝）的组成可以分别使（蓝）的组成可以分别使用用getRedComponent方法、方法、getGreenComponent方法和方

12、法和getBlueComponent 方法来获得。方法来获得。J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程7.2 Graphics类的使用颜色操作实例颜色操作实例【例例7-6】演示演示Graphics类的设置和获取颜色相关方法类的设置和获取颜色相关方法（ColorDemo.java）教教师师演演示示讲讲解解 J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程7.2 Graphics类的使用文字操作文字操作l在使用在使用Graphics类绘制文字或输出图像时，无论是图像还是文字在类绘制文字或输出图像时，无论是图像还是文字在

13、Graphics中都是通过中都是通过锚点锚点（指文字和图像被开始绘制处的坐标）来控制（指文字和图像被开始绘制处的坐标）来控制它们具体的方位。它们具体的方位。J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程7.2 Graphics类的使用文字操作文字操作l锚点的具体位置如下图所示。锚点的具体位置如下图所示。J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程7.2 Graphics类的使用文字操作文字操作l锚点的具体位置如下图所示。有效的定位应该是这锚点的具体位置如下图所示。有效的定位应该是这7个静态常量之一，个静态常量之一，或

14、者通过逻辑运算符或者通过逻辑运算符”|”连接的常量组合。连接的常量组合。J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程7.2 Graphics类的使用文字操作文字操作l利用利用Graphics类进行文字输出时，既可以使用类进行文字输出时，既可以使用drawString方法输出字方法输出字符串，也可以使用符串，也可以使用drawChar方法输出字符。方法输出字符。lGraphics类中一共定义了类中一共定义了4个方法来绘制文本。个方法来绘制文本。publicvoiddrawChar(charcharacter,intx,inty,intanchor)publ

15、icvoiddrawChars(chardata,intoffset,intlength,intx,inty,intanchor)publicvoiddrawString(Stringstr,intx,inty,intanchor)publicvoiddrawSubstring(Stringstr,intoffset,intlen,intx,inty,intanchor)J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程7.2 Graphics类的使用文字操作文字操作字体字体l每个每个Graphics对象都有一个对象都有一个Font对象与其关联来进行文字的渲染

16、操作，对象与其关联来进行文字的渲染操作，通过调用其相关方法可以对字体对象进行操作，例如：调用方法通过调用其相关方法可以对字体对象进行操作，例如：调用方法setFont(null)即可使字体恢复到默认状态。即可使字体恢复到默认状态。J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程7.2 Graphics类的使用文字操作实例文字操作实例【例例7-7】演示利用演示利用Graphics类输出文字的方法（类输出文字的方法（DrawCharDemo.java）教教师师演演示示讲讲解解 J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程7

17、.2 Graphics类的使用图像操作图像操作lImage分为可变和不可变两种类型的，不可变的分为可变和不可变两种类型的，不可变的Image是从资源文件、是从资源文件、二进制数据、二进制数据、RGB数值及其他数值及其他Image直接创建的。通过直接创建的。通过Image.createImage(String name)方法从指定的路径中读取需要创建方法从指定的路径中读取需要创建Image所必须的数据（参数中的字符串必须以所必须的数据（参数中的字符串必须以“/”打头，并且包括完整打头，并且包括完整的名称）。可变的的名称）。可变的Image以给定的大小创建，它是可以修改的，可变的以给定的大小创建，

18、它是可以修改的，可变的Image由由Image.createImage(int width,int height)方法来创建，需要方法来创建，需要给定长宽，给定长宽，Image的其他显示特性和机器的显示屏完全一致。的其他显示特性和机器的显示屏完全一致。l在一些游戏程序中，经常会看到画面在一些游戏程序中，经常会看到画面“撕裂撕裂”现象，即显示在屏幕上现象，即显示在屏幕上的画面会由前一帧画面的一部分和后一帧画面的一部分组成。这种的画面会由前一帧画面的一部分和后一帧画面的一部分组成。这种“撕撕裂裂”现象产生的原因是因为显示屏在显示图像前都会先参照影象内存，现象产生的原因是因为显示屏在显示图像前都会先

19、参照影象内存，然后当绘制速度慢到一定程度时，造成前后两帧内容的交叉（撕裂）。然后当绘制速度慢到一定程度时，造成前后两帧内容的交叉（撕裂）。手机厂商考虑支持手机厂商考虑支持DoubleBuffer（双缓冲区）以避免画面撕裂的产生。（双缓冲区）以避免画面撕裂的产生。l利用利用Canvas的的isDoubleBuffered方法可以检查硬件厂商是否在硬件方法可以检查硬件厂商是否在硬件上支持双缓冲区。上支持双缓冲区。J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程7.2 Graphics类的使用图像操作实例图像操作实例【例例7-8】演示利用演示利用Graphics类

20、输出图像的方法类输出图像的方法（DrawImageDemo.java）教教师师演演示示讲讲解解 J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程【任务任务1】编写程序，利用Canvas类的keyPressed方法、keyReleased方法和keyReapeated来测试Canvas类的键盘事件。并思考键盘事件在游戏开发中有什么样的作用。【任务任务2】编写程序，利用两个Command对象和Ticker组件测试Canvas类的屏幕事件。并思考全屏幕模式和正常模式在游戏开发中的使用场合。课堂实践课堂实践课堂实践7-1J Ja av va a M ME E程程 序

21、序 设设 计计 案案 例例 教教 程程【任务任务1】编写程序，利用Graphics类在手机屏幕中央输出三行“这是测试文字”，参考界面如图7-17所示。【任务任务2】编写程序，利用Graphics类在手机屏幕的中央输出指定的图像和文字，参考界面如图7-18所示。课堂实践课堂实践课堂实践7-2J Ja av va a M ME E程程 序序 设设 计计 案案 例例 教教 程程【思考题思考题】MIDP高级用户界面和高级用户界面和MIDP低级用户界面各自适合的场合是什么？低级用户界面各自适合的场合是什么？包中分别提供了哪些类来支持高级用户界面和低级用户界面的开发。包中分别提供了哪些类来支持高级用户界面和低级用户界面的开发。【实践题实践题】利用利用Canvas类和类和Graphics类编写一个简单的绘图程序，要求能够类编写一个简单的绘图程序，要求能够根据指定的按钮绘制相应的图形。根据指定的按钮绘制相应的图形。课外拓展课外拓展课外拓展