【读书笔记《Android游戏编程之从零开始》】12.游戏开发基础(Canvas 画布)

简介:

1.Canvas 画布

画布类 Canvas 封装了图形和图片绘制等内容,此类常用的函数说明如下:

 

drawColor(int color)

作用:绘制颜色覆盖画布,常用于刷屏

参数:颜色值,也可用十六进制形式表示(ARGB)

 

drawText(String text,float x,float y,Paint paint)

作用:绘制文本字符

第一个参数:文本内容

第二、三个参数:文本的X、Y坐标

第四个参数:画笔实例

 

drawPoint(float x,float y,Paint paint)

作用:绘制像素点

第一、二个参数:像素的X、Y坐标

第三个参数:画笔实例

 

drawPoints(float[] pts,Paint paint)

作用:绘制多个像素点

第一个参数:Float 数组,数组中放置的是多个像素点的X,Y坐标

第二个参数:画笔实例

 

drawLine(float startX,float startY,float stopX,float stopY,Paint paint)

作用:绘制一条直线

前两个参数:起始点的X,Y坐标

后两个参数:终点的X,Y坐标

最后一个参数:画笔实例

 

drawLines(float[] pts,Paint paint)

作用:绘制多条直线

第一个参数:Float 数组,数组中放置的是多个直线的起始点与终点X,Y坐标

第二个参数:画笔实例

 

drawRect(Rect rect,Paint paint)

作用:绘制矩形

第一个参数:矩形实例

第二个参数:画笔实例

 

drawRoundRect(Rect rect,float x,float y,Paint paint)

作用:绘制圆角矩形

第一个参数:矩形实例

第二个参数:圆角X轴的半径

第三个参数:圆角Y轴的半径

第四个参数:画笔实例

 

drawCircle(float xc,float yc,float radius,Paint paint)

作用:绘制圆形

第一、二个参数:圆形的中心点X,Y坐标

第三个参数:圆形的半径

第四个参数:画笔实例

 

drawArc(RectF oval,float startAngle,float sweepAngle,boolean useCenter,Paint paint)

作用:绘制弧形(扇形)

第一个参数:矩形实例

第二个参数:弧形的起始角度(默认45º为图形的起始角度0º)

第三个参数:弧形的终止角度

第四个参数:是否绘制中心点;如果为真,起始点和终止点都会分别连接中心点,从而形成封闭图形;如果为假,则起始点直接连接终止点,从而形成封闭图形

第五个参数:画笔实例

 

drawOval(RectF oval,Paint paint)

作用:绘制椭圆

第一个参数:矩形实例

第二个参数:画笔实例

 

drawPath(Path path,Paint paint)

作用:绘制指定路径图形

第一个参数:路径实例

第二个参数:画笔实例

 

drawTextOnPath(String text,Path path,float hOffset,float vOffset,Paint paint)

作用:将文本沿着指定路径进行绘制

第一个参数:本文

第二个参数:路径实例

第三个参数:文本距离绘制起点的距离

第四个参数:文本距离路径的距离

第五个参数:画笔实例

 

Rect:矩形类,利用两个点的坐标从而确定矩形的大小;

其常用的构造函数为:

Rect(float left,float top,float right,float bottom)

第一、二个参数表示矩形的左上角坐标;

第三、四个参数表示矩形的右下角坐标;

Android 中还提供一个RectF 类,RectF 类与Rect 类主要的区别是长度单位精确度不同;RectF 使用单精度浮点数,而Rect 使用int 类型;在使用 Canvas 绘制矩形时,可以直接传入矩形的四个参数的方式,也可以选择传入一个矩形实例。

 

Path:指定绘制的路径,然后按照其路径的路线依次绘制,组合任意需要的图形。

其常用函数如下:

moveTo(float x,float y)

作用:设定路径的起始点

两个参数:起始点的坐标

lineTo(float x,float y)

作用:以上次的终点作为起点,以本次的坐标点为终点,两点之间使用一条直线连接

两个参数:本次点线的终点位置

close()

作用:路径结束的标识,如果路径关闭前的点不是起点,将自动连接封闭。

以上的moveTo、lineTo 与 close 三个函数搭配使用,路径起点与终点只需要设置一次,而路线lineTo 则可以设置多个。

 

android.graphics.Path.quadTo(float x1,float y1,float x2,float y2)

作用:绘制贝塞尔曲线

第一个参数:操作点的x坐标

第二个参数:操作点的y坐标

第三个参数:结束点的x坐标

第四个参数:结束点的y坐标

 

2.Canvas画布实例

效果图如下:

步骤:新建项目“CanvasProject”,游戏框架为MySurfaceView 游戏框架,具体步骤参照“11.游戏开发基础(SurfaceView 游戏框架、View 和 SurfaceView 的区别)”。

主要绘图方法myDraw()修改如下:

复制代码
 public void myDraw()
    {
        try {
            canvas =sfh.lockCanvas();
            if(canvas!=null)
            {
                //--利用填充画布,刷屏
                canvas.drawColor(Color.BLACK);
                //--绘制文本
                canvas.drawText("DrawText",10,15,paint);
                //--绘制像素点
                canvas.drawPoint(10,20,paint);
                //--绘制多个像素点
                canvas.drawPoints(new float[]{10,30,30,30},paint);
                //--绘制直线
                canvas.drawLine(10,40,50,40,paint);
                //--绘制多条直线
                canvas.drawLines(new float[]{10,50,50,50,70,50,110,50},paint);
                //--绘制矩形
                canvas.drawRect(10,60,40,100,paint);
                //--绘制矩形2
                Rect rect = new Rect(10,110,60,130);
                canvas.drawRect(rect,paint);
                //--绘制圆角矩形
                RectF rectF = new RectF(10,140,60,170);
                canvas.drawRoundRect(rectF,20,20,paint);
                //--绘制圆形
                canvas.drawCircle(20,200,20,paint);
                //--绘制弧形
                canvas.drawArc(new RectF(150,20,200,70),0,230,true,paint);
                //--绘制椭圆
                canvas.drawOval(new RectF(150,80,180,100),paint);
                //--绘制指定路径
                Path path = new Path();
                //设置路径起点
                path.moveTo(160,150);
                //路线1
                path.lineTo(200,150);
                //路线2
                path.lineTo(180,200);
                //路径结束
                path.close();
                canvas.drawPath(path,paint);
                //--绘制指定路径图形
                Path pathCircle = new Path();
                //添加一个圆形额路径
                pathCircle.addCircle(130,260,20,Path.Direction.CCW);
                //--绘制带圆形的路径文本
                canvas.drawTextOnPath("PathText",pathCircle,10,20,paint);
            }
        }
        catch(Exception ex){

        }finally {
            if(canvas!=null)
            {
                sfh.unlockCanvasAndPost(canvas);
            }
        }
    }
复制代码





本文转自叶超Luka博客园博客,原文链接:http://www.cnblogs.com/yc-755909659/p/4162670.html,如需转载请自行联系原作者
目录
相关文章
|
数据库连接 Android开发
安卓android期末项目之纸牌游戏之三
安卓android期末项目之纸牌游戏之三
218 0
|
存储 Android开发 数据库管理
Android安卓项目猜纸牌游戏之二 实体类
Android安卓项目猜纸牌游戏之二 实体类
141 0
|
前端开发 数据可视化 Java
Android用Canvas画一个折线图,并加以简单封装
本文介绍了如何用Java绘制动态折线图,从固定折线图的实现到封装成可复用的组件。首先通过绘制XY坐标轴、添加坐标标签和绘制折线及数据点完成基础折线图。接着,将静态数据替换为动态输入,支持自定义X轴、Y轴和折线数据。代码中包含关键方法如`drawDaxes`(绘制坐标轴)、`drawAxispoint`(绘制坐标点)和`drawbrokenLine`(绘制折线)。最终实现可根据传入数据动态生成折线图,适用于Android开发中的数据可视化场景。
453 0
|
XML 前端开发 Java
Android用Canvas画一个真正能跑的跑马灯
这是一篇关于使用Canvas实现跑马灯效果的技术分享。作者通过一个简单的Demo,展示了如何利用Android的Canvas绘制动态跑马灯。核心思路是通过开启耗时线程让彩色背景旋转,结合坐标计算、渐变色绘制和旋转动画,最终实现动态视觉效果。代码分为三个主要部分:1) 计算View宽高与矩形坐标;2) 绘制背景、跑马灯及幕布;3) 设置旋转逻辑并反向调整幕布。文末附有完整Java代码及XML调用示例,适合初学者学习Canvas绘图原理。
273 0
|
算法 Java 定位技术
分享104个益智休闲安卓游戏源码,总有一款适合你
分享104个益智休闲安卓游戏源码,总有一款适合你
1289 1
|
Java API 开发工具
Cocos游戏如何快速接入安卓优量汇广告变现?
本文介绍了如何在Cocos游戏项目中快速接入安卓优量汇广告,通过详细的步骤指导,包括前期准备、编辑gradle和清单文件、核心代码集成等,帮助开发者轻松实现广告功能,增加游戏的盈利渠道。文中还提供了示例工程下载链接,方便开发者直接上手实践。
Cocos游戏如何快速接入安卓优量汇广告变现?
|
前端开发 API Android开发
Android自定义View之Canvas一文搞定
这篇文章介绍了Android自定义View中如何使用Canvas和Paint来绘制图形。Canvas可理解为画布,用于绘制各种形状如文字、点、线、矩形、圆角矩形、圆和弧。常见API包括`drawText()`、`drawPoint()`、`drawLine()`、`drawRect()`等。文章还提到了Canvas的保存、恢复、平移和旋转方法,通过绘制钟表盘的例子展示了如何实际应用。总结关键点:Canvas与Paint结合用于图像绘制,掌握Canvas的基本绘图函数及坐标变换操作是自定义View的关键。
540 0
Android自定义View之Canvas一文搞定
|
Android开发 Windows
Mac 好用的 Android 模拟器整理(玩游戏、装应用、支持咸鱼、拼多多...)
Mac 好用的 Android 模拟器整理(玩游戏、装应用、支持咸鱼、拼多多...)
27005 47
|
编解码 移动开发 人工智能
android游戏源码
android游戏源码
525 0
|
机器学习/深度学习 人工智能 安全
2023 Google 开发者大会:无障碍游戏体验升级、安卓开发人员生产力爆棚
2023 Google 开发者大会:无障碍游戏体验升级、安卓开发人员生产力爆棚
306 0

热门文章

最新文章