深入理解Canvas类的使用(一)
作者:陈跃峰
Email:cqucyf@gmail.com
在J2ME游戏编程中,Canvas类是最常用的类之一,该类提供了获得手机屏幕属性、绘制界面以及事件处理等很多实用的功能,下面就系统的介绍一下该类的使用,并结合实际说明一下在实际的使用过程中需要注意的一些问题。
Canvas类是Displayable的子类,主要用来需要处理低级事件,例如键盘按键事件等,以及需要绘制屏幕的程序。在实际的使用过程,一般都通过继承Canvas来利用该类提供的功能。Canvas类是一个抽象类,继承该类的时候必须覆盖paint方法。
Canvas类的功能主要包含以下几类:
1、 获得手机屏幕属性
l getHeight——获得屏幕可用高度
l getWidth——获得屏幕宽度
l isDoubleBuffered——是否支持双缓冲
l hasPointerEvents——是否支持指针设备
l hasPointerMotionEvents——是否支持指针动作,例如拖拉事件
l hasRepeatEvents——是否支持重复按键
实际开发过程中,可以在程序中直接调用这些方法,通过返回值获得相应的属性信息。
2、 绘制方法
l paint——绘制方法
l repaint——重新绘制方法
paint方法需要在界面类中覆盖,然后就可以书写功能,而再需要重新绘制的时候手动调用repaint方法。
3、 事件处理
低级用户界面的事件处理分为两种:按键事件和指针事件(处理触摸屏手机的低级事件)。
支持按键事件的方法主要有三个:
l keyPressed——按键按下的事件
l keyReleased——按键释放的事件
l keyRepeated——重复按键的事件
支持指针事件的方法也有三个:
l pointerPressed——指针设备按下事件
l pointerReleased——指针设备释放事件
l pointerDragged——指针设备拖拉事件
在实际的编程中,只需要在界面类中覆盖这些方法,然后在方法的内部书写代码即可,在发生这些事件的时候,系统会自动调用这些方法。
4、 其他方法
l getGameAction——将按键映射成游戏动作
l getKeyCode——将游戏动作转换为键值
l getKeyName——将键值转换为按键名称
l hideNotify——在Canvas界面被隐藏的时候系统自动调用该方法
l showNotify——当Canvas界面显示的时候系统自动调用该方法
l serviceRepaints——强制系统重新绘制
以上方法除了hideNotify、showNotify需要在子类中覆盖,系统会自动调用以外,其他的方法都可以直接调用。
5、 系统的熟悉主要分为两个部分:
l 按键的键值
KEY_NUM0、KEY_NUM1、KEY_NUM2、KEY_NUM3、KEY_NUM4、KEY_NUM5、KEY_NUM6、KEY_NUM7、KEY_NUM8、KEY_NUM9分别对应手机键盘的0-9数字键,KEY_STAR对应*号键,KEY_POUND对应#号键。各个功能键的键值在Canvas类没有进行定义,所以各个厂商,甚至厂商的不同型号手机之间,的键值都有所不同。但是功能键的键值均小于0。
l 游戏动作
UP、DOWN、LEFT、RIGHT和FIRE,分别对应上、下、左、右和确定键,在实际的手机中一般分别对应2、8、4、6和5键以及功能键中的方向键。GAME_A、GAME_B、GAME_C、GAME_D分别对应游戏中的A、B、C和D键,分别映射成手机上的1、3、7、9键,或者是7、9、*和#键。
在实际的事件处理中,使用游戏可以达到在不同的手机之间通用。
在MIDP2.0中,又新增了两个方法,分别是:
l setFullScreenMode——控制屏幕是全屏幕显示还是一般模式显示
l sizeChanged——当屏幕尺寸变化的时候,系统会自动调用该方法。
上面系统的介绍了Canvas类提供的功能,下面就介绍一下它的使用。当调用Display对象的setCurrent方法显示Canvas界面时,系统首先调用Canvas对象的构造方法,然后调用paint方法实现绘制,这样我们就可以看到实际的界面了。而以后,当界面坐标发生变化以后,必须手动调用repaint方法实现绘制。
以下是一些在实际的编程过程中,需要注意的一些问题:
l 坐标参数化或者根据屏幕的宽度和高度生成坐标,从而提高界面的移植性。
l 在程序运行过程中,paint方法经常被反复调用,所以一般在该方法中只放置绘制的代码,而把逻辑处理的代码放在别的位置。
l 在进行低级事件处理代码编写中,对于游戏按键,尽量使用游戏动作进行编程,其他按键才直接使用键值,从而提高事件处理代码的移植性。
l 因为hideNotify和showNotify方法会在界面隐藏和重新显示时,被系统自动调用,所以可以覆盖这两个方法,在其中实现暂停的逻辑。
l 尽量使用双缓冲技术,避免屏幕的闪烁,除非手机不支持双缓冲。
l 显示其他界面的时候,注意要关闭线程,并释放资源。
分享到:
相关推荐
本文将深入探讨如何利用Canvas类来绘制一个Android机器人,从而理解其基本概念、方法以及如何实现复杂的图形绘制。 首先,Canvas类是Android系统提供的一个用于在内存中的Bitmap上进行绘制的接口。它可以用来画线、...
通过这些示例,开发者可以深入理解Canvas的用法,并将其应用到实际项目中,创建出丰富的UI界面。 总之,Android的Canvas类是开发者实现动态图形、自定义视图的重要工具。掌握其用法和特性,可以极大地提升应用的...
2.14_深入理解canvas图形变换|星空和图形变换|Canvas图形、动画、游戏开发从入门到精通全系列课程
本篇文章将深入探讨Android Canvas的使用方法以及与之相关的集合操作。 Canvas是Android中的一个类,它提供了各种绘制方法,如drawRect(), drawCircle(), drawBitmap()等,用于在SurfaceView、ImageView等组件上...
在本文中,我们将深入理解这两个方法的作用以及如何在实际应用中使用它们。 首先,`canvas.save()`方法用于保存当前`Canvas`的状态。这个状态包括当前的变换矩阵(matrix)、剪裁区域(clip region)以及绘图样式...
本文将深入探讨如何在Canvas中使用外部字体,以Inconsolata.ttf为例,帮助你更好地理解和实现这个功能。 首先,我们需要了解Canvas中的文本渲染。默认情况下,Canvas会使用浏览器支持的系统字体进行渲染。但如果你...
通过这个项目,开发者可以深入理解Canvas API的使用,以及如何在不同的设备上提供一致的用户体验。这个项目可以作为一个起点,进一步扩展到更复杂的画板应用,比如颜色选择、橡皮擦功能、保存和加载画作等。
本教程将深入探讨如何使用Canvas进行这些功能。 首先,创建一个Canvas元素非常简单,只需在HTML中添加一个`<canvas>`标签,并设置其ID以便于在JavaScript中获取: ```html <canvas id="myCanvas" width="800" ...
在这个项目中,开发者将学习到如何使用JavaScript进行游戏开发,理解Canvas绘图API,以及如何设计和实现复杂的游戏逻辑。此外,还有机会接触到如何组织和管理游戏的状态,以及如何通过事件处理来响应用户的交互。...
在Android开发中,Canvas是图形绘制的核心工具,它允许开发者在...这个Demo源码应该会包含以上知识点的实例,通过学习和分析,可以深入理解Android Canvas的使用技巧和注意事项,对于提升Android图形编程能力大有裨益。
在HTML5中,Canvas元素提供...通过深入理解和实践,你可以利用canvas实现更多复杂的2D图形和动画效果。在实际项目中,你可能还需要考虑性能优化,比如减少不必要的重绘或者使用requestAnimationFrame替代setInterval。
- Canvas是Android系统提供的一个类,它提供了在二维画布上进行绘制的方法。 - 通常,我们会在一个Bitmap对象上操作Canvas,因为Bitmap是Android中的像素存储介质,Canvas则负责在Bitmap上进行绘制操作。 - 除了...
此外,理解Ribbon.js的源码有助于深入学习Canvas和JavaScript的结合使用。通过查看`ribbon.js-master`压缩包中的源码,我们可以看到如何组织代码结构,如何利用Canvas API进行绘制,以及如何用JavaScript实现动画...
在网页开发中,Canvas是HTML5提供的一种强大的图形绘制接口,可以用来实现各种动态图形和交互效果。"canvas实现涂鸦效果"这个主题涉及到的...这些功能的实现需要良好的JavaScript编程基础以及对Canvas API的深入理解。
通过阅读这份文档,开发者可以更深入地理解`clipRect`的原理和应用场景,从而在Android开发中更加灵活地控制视图的绘制范围,实现丰富的视觉效果。 总之,`clipRect`是Android Canvas中一个非常实用的方法,它帮助...
在IT行业中,Canvas是HTML5的一个重要特性,...这个"canvas light.rar"压缩包可能包含的学习资料可以帮助我们深入理解Canvas的基本概念、API用法以及实践技巧,对于想要提升Web前端开发技能的人来说是一份宝贵的资源。
当我们需要在一个canvas元素上实现一个div元素的悬浮效果时,这涉及到对CSS样式和HTML结构的深入理解。本文将详细讲解如何实现“div悬浮在canvas上”的效果,并探讨相关的HTML5、CSS以及交互设计知识点。 首先,...
首先,我们需要理解Canvas的基本绘图操作。Canvas 提供了一系列的绘图方法,如 `fillRect`(填充矩形)、`strokeRect`(描边矩形)、`beginPath`、`moveTo`、`lineTo`(绘制线条)等,这些方法可以用来绘制基本图形...
在JavaScript开发中,Canvas API是一个强大的工具,用于在网页上绘制图形和动画。"canvas-polygon"项目就是...通过深入理解并实践"canvas-polygon"这样的项目,开发者可以进一步提升在JavaScript图形编程方面的技能。
在本文中,我们将深入探讨如何使用HTML5的Canvas API与CSS技术来实现一个创新的平行四边形图片遮罩效果。这个效果不仅能够为网页增添视觉吸引力,而且展示了Canvas和CSS的强大结合。以下是对实现这一效果所需技术的...