`

深入理解Canvas类的使用(一)

阅读更多

深入理解Canvas类的使用(一)

作者:陈跃峰

Emailcqucyf@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——强制系统重新绘制

以上方法除了hideNotifyshowNotify需要在子类中覆盖,系统会自动调用以外,其他的方法都可以直接调用。

5、 系统的熟悉主要分为两个部分:

l 按键的键值

KEY_NUM0KEY_NUM1KEY_NUM2KEY_NUM3KEY_NUM4KEY_NUM5KEY_NUM6KEY_NUM7KEY_NUM8KEY_NUM9分别对应手机键盘的0-9数字键,KEY_STAR对应*号键,KEY_POUND对应#号键。各个功能键的键值在Canvas类没有进行定义,所以各个厂商,甚至厂商的不同型号手机之间,的键值都有所不同。但是功能键的键值均小于0

l 游戏动作

UPDOWNLEFTRIGHTFIRE,分别对应上、下、左、右和确定键,在实际的手机中一般分别对应28465键以及功能键中的方向键。GAME_AGAME_BGAME_CGAME_D分别对应游戏中的ABCD键,分别映射成手机上的1379键,或者是79*#键。

在实际的事件处理中,使用游戏可以达到在不同的手机之间通用。

MIDP2.0中,又新增了两个方法,分别是:

l setFullScreenMode——控制屏幕是全屏幕显示还是一般模式显示

l sizeChanged——当屏幕尺寸变化的时候,系统会自动调用该方法。

上面系统的介绍了Canvas类提供的功能,下面就介绍一下它的使用。当调用Display对象的setCurrent方法显示Canvas界面时,系统首先调用Canvas对象的构造方法,然后调用paint方法实现绘制,这样我们就可以看到实际的界面了。而以后,当界面坐标发生变化以后,必须手动调用repaint方法实现绘制。

以下是一些在实际的编程过程中,需要注意的一些问题:

l 坐标参数化或者根据屏幕的宽度和高度生成坐标,从而提高界面的移植性。

l 在程序运行过程中,paint方法经常被反复调用,所以一般在该方法中只放置绘制的代码,而把逻辑处理的代码放在别的位置。

l 在进行低级事件处理代码编写中,对于游戏按键,尽量使用游戏动作进行编程,其他按键才直接使用键值,从而提高事件处理代码的移植性。

l 因为hideNotifyshowNotify方法会在界面隐藏和重新显示时,被系统自动调用,所以可以覆盖这两个方法,在其中实现暂停的逻辑。

l 尽量使用双缓冲技术,避免屏幕的闪烁,除非手机不支持双缓冲。

l 显示其他界面的时候,注意要关闭线程,并释放资源。

分享到:
评论

相关推荐

    使用Canvas类绘制android机器人

    本文将深入探讨如何利用Canvas类来绘制一个Android机器人,从而理解其基本概念、方法以及如何实现复杂的图形绘制。 首先,Canvas类是Android系统提供的一个用于在内存中的Bitmap上进行绘制的接口。它可以用来画线、...

    android Canvas类介绍

    通过这些示例,开发者可以深入理解Canvas的用法,并将其应用到实际项目中,创建出丰富的UI界面。 总之,Android的Canvas类是开发者实现动态图形、自定义视图的重要工具。掌握其用法和特性,可以极大地提升应用的...

    2.14 深入理解canvas图形变换|星空和图形变换|Canvas图形、动画、游戏开发从入门到精通全系列课程

    2.14_深入理解canvas图形变换|星空和图形变换|Canvas图形、动画、游戏开发从入门到精通全系列课程

    Android Canvas使用集合

    本篇文章将深入探讨Android Canvas的使用方法以及与之相关的集合操作。 Canvas是Android中的一个类,它提供了各种绘制方法,如drawRect(), drawCircle(), drawBitmap()等,用于在SurfaceView、ImageView等组件上...

    Android canvas.save()和canvas.restore()的理解

    在本文中,我们将深入理解这两个方法的作用以及如何在实际应用中使用它们。 首先,`canvas.save()`方法用于保存当前`Canvas`的状态。这个状态包括当前的变换矩阵(matrix)、剪裁区域(clip region)以及绘图样式...

    canvas使用外部字体

    本文将深入探讨如何在Canvas中使用外部字体,以Inconsolata.ttf为例,帮助你更好地理解和实现这个功能。 首先,我们需要了解Canvas中的文本渲染。默认情况下,Canvas会使用浏览器支持的系统字体进行渲染。但如果你...

    canvas写一个字

    通过这个项目,开发者可以深入理解Canvas API的使用,以及如何在不同的设备上提供一致的用户体验。这个项目可以作为一个起点,进一步扩展到更复杂的画板应用,比如颜色选择、橡皮擦功能、保存和加载画作等。

    使用Canvas进行鼠标画图和线程画线

    本教程将深入探讨如何使用Canvas进行这些功能。 首先,创建一个Canvas元素非常简单,只需在HTML中添加一个`<canvas>`标签,并设置其ID以便于在JavaScript中获取: ```html <canvas id="myCanvas" width="800" ...

    canvas小游戏-连连看

    在这个项目中,开发者将学习到如何使用JavaScript进行游戏开发,理解Canvas绘图API,以及如何设计和实现复杂的游戏逻辑。此外,还有机会接触到如何组织和管理游戏的状态,以及如何通过事件处理来响应用户的交互。...

    Android Canvas画布使用Demo源码.rar

    在Android开发中,Canvas是图形绘制的核心工具,它允许开发者在...这个Demo源码应该会包含以上知识点的实例,通过学习和分析,可以深入理解Android Canvas的使用技巧和注意事项,对于提升Android图形编程能力大有裨益。

    使用canvas绘制钟表

    在HTML5中,Canvas元素提供...通过深入理解和实践,你可以利用canvas实现更多复杂的2D图形和动画效果。在实际项目中,你可能还需要考虑性能优化,比如减少不必要的重绘或者使用requestAnimationFrame替代setInterval。

    Android下使用Canvas画图

    - Canvas是Android系统提供的一个类,它提供了在二维画布上进行绘制的方法。 - 通常,我们会在一个Bitmap对象上操作Canvas,因为Bitmap是Android中的像素存储介质,Canvas则负责在Bitmap上进行绘制操作。 - 除了...

    ribbonjs使用HTML5canvas生成色带JS库

    此外,理解Ribbon.js的源码有助于深入学习Canvas和JavaScript的结合使用。通过查看`ribbon.js-master`压缩包中的源码,我们可以看到如何组织代码结构,如何利用Canvas API进行绘制,以及如何用JavaScript实现动画...

    canvas实现涂鸦效果

    在网页开发中,Canvas是HTML5提供的一种强大的图形绘制接口,可以用来实现各种动态图形和交互效果。"canvas实现涂鸦效果"这个主题涉及到的...这些功能的实现需要良好的JavaScript编程基础以及对Canvas API的深入理解。

    canvas的clipRect理解

    通过阅读这份文档,开发者可以更深入地理解`clipRect`的原理和应用场景,从而在Android开发中更加灵活地控制视图的绘制范围,实现丰富的视觉效果。 总之,`clipRect`是Android Canvas中一个非常实用的方法,它帮助...

    canvas light.rar

    在IT行业中,Canvas是HTML5的一个重要特性,...这个"canvas light.rar"压缩包可能包含的学习资料可以帮助我们深入理解Canvas的基本概念、API用法以及实践技巧,对于想要提升Web前端开发技能的人来说是一份宝贵的资源。

    div悬浮在canvas上

    当我们需要在一个canvas元素上实现一个div元素的悬浮效果时,这涉及到对CSS样式和HTML结构的深入理解。本文将详细讲解如何实现“div悬浮在canvas上”的效果,并探讨相关的HTML5、CSS以及交互设计知识点。 首先,...

    canvas动态画出视图树

    首先,我们需要理解Canvas的基本绘图操作。Canvas 提供了一系列的绘图方法,如 `fillRect`(填充矩形)、`strokeRect`(描边矩形)、`beginPath`、`moveTo`、`lineTo`(绘制线条)等,这些方法可以用来绘制基本图形...

    canvaspolygon使用CanvasAPI创建多边形

    在JavaScript开发中,Canvas API是一个强大的工具,用于在网页上绘制图形和动画。"canvas-polygon"项目就是...通过深入理解并实践"canvas-polygon"这样的项目,开发者可以进一步提升在JavaScript图形编程方面的技能。

    canvas实现遮罩效果

    在本文中,我们将深入探讨如何使用HTML5的Canvas API与CSS技术来实现一个创新的平行四边形图片遮罩效果。这个效果不仅能够为网页增添视觉吸引力,而且展示了Canvas和CSS的强大结合。以下是对实现这一效果所需技术的...

Global site tag (gtag.js) - Google Analytics