Android(安卓)Canvas类介绍和Android(安卓)Draw Rect 坐标图示

2022-01-18

当我们调整好画笔之后，现在需要绘制到画布上，这就得用Canvas类了。在Android中既然把Canvas当做画布，那么就可以在画布上绘制我们想要的任何东西。除了在画布上绘制之外，还需要设置一些关于画布的属性，比如，画布的颜色、尺寸等。下面来分析Android中Canvas有哪些功能，Canvas提供了如下一些方法：
Canvas(): 创建一个空的画布，可以使用setBitmap()方法来设置绘制具体的画布。
Canvas(Bitmap bitmap): 以bitmap对象创建一个画布，则将内容都绘制在bitmap上，因此bitmap不得为null。
Canvas(GL gl): 在绘制3D效果时使用，与OpenGL相关。
drawColor: 设置Canvas的背景颜色。
setBitmap:  设置具体画布。
clipRect: 设置显示区域，即设置裁剪区。
isOpaque:检测是否支持透明。
rotate:  旋转画布
setViewport:  设置画布中显示窗口。
skew:  设置偏移量。

上面列举了几个常用的方法。在游戏开发中，我们可能需要对某个精灵执行旋转、缩放和一些其它操作。我们可以通过旋转画布来实现，但是旋转画布时会旋转画布上的所有对象，而我们只是需要旋转其中的一个，这时就需要用到save 方法来锁定需要操作的对象，在操作之后通过 restore 方法来解除锁定，下面我们先来看一下运行效果吧。

我们对左边的矩形执行了旋转操作，而没有旋转右边的矩形，由于我们设置了裁剪区域，因此左边的矩形只能看到一部分，下面让我们来看看代码这里我只贴出了我们自己的 View类
GameView Activity类不贴出了就在里边 new 一个GameView类然后设置布局然后main.xml也不贴出来了因为它根本就没用到。
GameView类
Java代码

package com.yarin.android.Examples_05_04;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.view.KeyEvent;
import android.view.MotionEvent;
import android.view.View;
public class GameView extends View implements Runnable {
/* 声明Paint对象 */
private Paint mPaint = null;
public GameView(Context context) {
super(context);
/* 构建对象 */
mPaint = new Paint();
/* 开启线程 */
new Thread(this).start();
}
public void onDraw(Canvas canvas) {
super.onDraw(canvas);
/* 设置画布的颜色 */
canvas.drawColor(Color.BLACK);
/* 设置取消锯齿效果 */
mPaint.setAntiAlias(true);
/* 设置裁剪区域 */
canvas.clipRect(10, 10, 280, 260);
/* 线锁定画布 */
canvas.save();
/* 旋转画布 */
canvas.rotate(45.0f);
/* 设置颜色及绘制矩形 */
mPaint.setColor(Color.RED);
canvas.drawRect(new Rect(15, 15, 140, 70), mPaint);
/* 解除画布的锁定 */
canvas.restore();
/* 设置颜色及绘制另一个矩形 */
mPaint.setColor(Color.GREEN);
canvas.drawRect(new Rect(150, 75, 260, 120), mPaint);
}
// 触笔事件
public boolean onTouchEvent(MotionEvent event) {
return true;
}
// 按键按下事件
public boolean onKeyDown(int keyCode, KeyEvent event) {
return true;
}
// 按键弹起事件
public boolean onKeyUp(int keyCode, KeyEvent event) {
return false;
}
public boolean onKeyMultiple(int keyCode, int repeatCount, KeyEvent event) {
return true;
}
public void run() {
while (!Thread.currentThread().isInterrupted()) {
try {
Thread.sleep(100);
} catch (InterruptedException e) {
Thread.currentThread().interrupt();
}
// 使用postInvalidate可以直接在线程中更新界面
postInvalidate();
}
}
}

源码下载

Examples_05_04.rar

在论坛发了在例子 android Canvas类介绍 http://www.1000phone.net/thread-668-1-1.html 建议大家点进去看一看不然下边没办法继续啊。我还是把这个例子的代码贴出来大家一起看看吧。

Java代码

package com.yarin.android.Examples_05_04;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.view.KeyEvent;
import android.view.MotionEvent;
import android.view.View;
public class GameView extends View implements Runnable {
/* 声明Paint对象 */
private Paint mPaint = null;
public GameView(Context context) {
super(context);
/* 构建对象 */
mPaint = new Paint();
/* 开启线程 */
new Thread(this).start();
}
public void onDraw(Canvas canvas) {
super.onDraw(canvas);
/* 设置画布的颜色 */
canvas.drawColor(Color.BLACK);
/* 设置取消锯齿效果 */
mPaint.setAntiAlias(true);
/* 设置裁剪区域 */
canvas.clipRect(10, 10, 280, 260);
/* 线锁定画布 */
canvas.save();
/* 旋转画布 */
canvas.rotate(45.0f);
/* 设置颜色及绘制矩形 */
mPaint.setColor(Color.RED);
canvas.drawRect(new Rect(15, 15, 140, 70), mPaint);
/* 解除画布的锁定 */
canvas.restore();
/* 设置颜色及绘制另一个矩形 */
mPaint.setColor(Color.GREEN);
canvas.drawRect(new Rect(150, 75, 260, 120), mPaint);
}
// 触笔事件
public boolean onTouchEvent(MotionEvent event) {
return true;
}
// 按键按下事件
public boolean onKeyDown(int keyCode, KeyEvent event) {
return true;
}
// 按键弹起事件
public boolean onKeyUp(int keyCode, KeyEvent event) {
return false;
}
public boolean onKeyMultiple(int keyCode, int repeatCount, KeyEvent event) {
return true;
}
public void run() {
while (!Thread.currentThread().isInterrupted()) {
try {
Thread.sleep(100);
} catch (InterruptedException e) {
Thread.currentThread().interrupt();
}
// 使用postInvalidate可以直接在线程中更新界面
postInvalidate();
}
}
}

复制代码
不知道大家看完这个例子有没有有一些疑问？首先跟大家说明一下这里这个

canvas.rotate(45.0f)

复制代码方法我们都知道它是旋转画布这里提示一下它是顺时针旋转。其实我的疑问就是下边这2句代码

Java代码

//绘制矩形
canvas.drawRect(new Rect(150, 75, 260, 120), mPaint);
//设置裁剪区域
canvas.clipRect(10, 10, 280, 260);

复制代码我对它们的参数有些疑问我不知道 android 它是怎么在一个 Canvas对象上绘制出一个矩形？new Rect(150,75,260,120)里边这些参数的数字指明了什么那些值？android 绘制一个矩形以哪里为坐标原点？ ---》我现在就告诉大家是以屏幕的左上角。好我们现在就带着疑问来看看 android到底怎么在画布上绘制一个矩形

先说这句Java代码

new Rect(150, 75, 260, 120)

复制代码
这个构造方法需要四个参数这四个参数指明了什么位置？我们就来解释怎么画这个矩形
这四个参数分别代表的意思是： left top right bottom  上下左右呗。啊，不是是左上右下。下面给大家解释
left ：矩形左边的X坐标 150       ---->图片中的A点
top: 矩形顶部的Y坐标 75       ---->图片中的B点
right :  矩形右边的X坐标 260    ----->图片中的C点
bottom：矩形底部的Y坐标  120    ------->图片中的D点

不知道大家到这里能不能马上就能想象出这个矩形应该在屏幕的什么位置我是不能就在纸上画了画下边来张图  我模拟器的屏幕是 320*480 我也是画一个大概的位置主要是明白那几个点在什么地方。在图中我分别以 A B  C D 代表那四个点  图片中红色的部分就是我们要画的矩形。

canvas.clipRect(10, 10, 280, 260) 这个裁剪画布的方法的参数含义和我们new Rect(150, 75, 260, 120) 的参数含义是一样的。

   这里向大家说明一个问题接着说吧还是上边这个矩形Java代码

new Rect(150,75,260,120)

复制代码
我们应该怎么把它放到屏幕的右下角，就是和屏幕的右侧和下侧都挨上坐标是多少？我的屏幕是 320*480 按道理这个矩形的坐标应该是(210,435,320,480) 这其实应该是正确的结果，但是如果把坐标改成这个你运行一下其实这个矩形就消失在了屏幕上。刚开始我困惑至极也不知道怎么回事，后来发现我们屏幕的状态栏和标题栏一共占了 50 正确的坐标应该是（210,385,320,430); 我们还是来看张图那个绿色的矩形就是我们想要的效果。

Android(安卓)Canvas类介绍和Android(安卓)Draw Rect 坐标图示

更多相关文章

随机推荐