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. }??

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

Java代码 ?

1. canvas.rotate(45.0f)??

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

Java代码 ?

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

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

先说这句

Java代码 ?

1. 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代码 ?

1. new?Rect(150,75,260,120)??

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