android Canvas类介绍

1. package com.yarin.android.Examples_05_04;  
2.   
3. import android.content.Context;  
4. import android.graphics.Canvas;  
5. import android.graphics.Color;  
6. import android.graphics.Paint;  
7. import android.graphics.Rect;  
8. import android.view.KeyEvent;  
9. import android.view.MotionEvent;  
10. import android.view.View;  
11.   
12. public class GameView extends View implements Runnable {  
13.     /* 声明Paint对象 */  
14.     private Paint mPaint = null;  
15.   
16.     public GameView(Context context) {  
17.         super(context);  
18.         /* 构建对象 */  
19.         mPaint = new Paint();  
20.   
21.         /* 开启线程 */  
22.         new Thread(this).start();  
23.     }  
24.   
25.     public void onDraw(Canvas canvas) {  
26.         super.onDraw(canvas);  
27.   
28.         /* 设置画布的颜色 */  
29.         canvas.drawColor(Color.BLACK);  
30.   
31.         /* 设置取消锯齿效果 */  
32.         mPaint.setAntiAlias(true);  
33.   
34.         /* 设置裁剪区域 */  
35.         canvas.clipRect(10, 10, 280, 260);  
36.   
37.         /* 线锁定画布 */  
38.         canvas.save();  
39.         /* 旋转画布 */  
40.         canvas.rotate(45.0f);  
41.   
42.         /* 设置颜色及绘制矩形 */  
43.         mPaint.setColor(Color.RED);  
44.         canvas.drawRect(new Rect(15, 15, 140, 70), mPaint);  
45.   
46.         /* 解除画布的锁定 */  
47.         canvas.restore();  
48.   
49.         /* 设置颜色及绘制另一个矩形 */  
50.         mPaint.setColor(Color.GREEN);  
51.         canvas.drawRect(new Rect(150, 75, 260, 120), mPaint);  
52.     }  
53.   
54.     // 触笔事件  
55.     public boolean onTouchEvent(MotionEvent event) {  
56.         return true;  
57.     }  
58.   
59.     // 按键按下事件  
60.     public boolean onKeyDown(int keyCode, KeyEvent event) {  
61.         return true;  
62.     }  
63.   
64.     // 按键弹起事件  
65.     public boolean onKeyUp(int keyCode, KeyEvent event) {  
66.         return false;  
67.     }  
68.   
69.     public boolean onKeyMultiple(int keyCode, int repeatCount, KeyEvent event) {  
70.         return true;  
71.     }  
72.   
73.     public void run() {  
74.         while (!Thread.currentThread().isInterrupted()) {  
75.             try {  
76.                 Thread.sleep(100);  
77.             } catch (InterruptedException e) {  
78.                 Thread.currentThread().interrupt();  
79.             }  
80.             // 使用postInvalidate可以直接在线程中更新界面  
81.             postInvalidate();  
82.         }  
83.     }  
84. }  

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

canvas.rotate(
45
.0f)  

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

//绘制矩形
  



canvas.drawRect(new
 Rect(
150
, 
75
, 
260
, 
120
), mPaint);  



//设置裁剪区域
  



canvas.clipRect(10
, 
10
, 
280
, 
260
);  

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

new
 Rect(
150
, 
75
, 
260
, 
120
)  

  这个构造方法需要四个参数这四个参数 指明了什么位置 ？我们就来解释怎么画 这个 矩形

这四个参数分别代表的意思是：lefttoprightbottom上下左右呗。啊，不是是左上右下。下面给大家解释

left：矩形左边的X坐标150---->图片中的A点

top:矩形顶部的Y坐标75---->图片中的B点

right:矩形右边的X坐标260----->图片中的C点

bottom：矩形底部的Y坐标120------->图片中的D点

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

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

new
 Rect(
150
,
75
,
260
,
120
)  

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