- packagecom.yarin.android.Examples_05_04;
- importandroid.content.Context;
- importandroid.graphics.Canvas;
- importandroid.graphics.Color;
- importandroid.graphics.Paint;
- importandroid.graphics.Rect;
- importandroid.view.KeyEvent;
- importandroid.view.MotionEvent;
- importandroid.view.View;
- publicclassGameViewextendsViewimplementsRunnable{
- /*声明Paint对象*/
- privatePaintmPaint=null;
- publicGameView(Contextcontext){
- super(context);
- /*构建对象*/
- mPaint=newPaint();
- /*开启线程*/
- newThread(this).start();
- }
- publicvoidonDraw(Canvascanvas){
- 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(newRect(15,15,140,70),mPaint);
- /*解除画布的锁定*/
- canvas.restore();
- /*设置颜色及绘制另一个矩形*/
- mPaint.setColor(Color.GREEN);
- canvas.drawRect(newRect(150,75,260,120),mPaint);
- }
- //触笔事件
- publicbooleanonTouchEvent(MotionEventevent){
- returntrue;
- }
- //按键按下事件
- publicbooleanonKeyDown(intkeyCode,KeyEventevent){
- returntrue;
- }
- //按键弹起事件
- publicbooleanonKeyUp(intkeyCode,KeyEventevent){
- returnfalse;
- }
- publicbooleanonKeyMultiple(intkeyCode,intrepeatCount,KeyEventevent){
- returntrue;
- }
- publicvoidrun(){
- while(!Thread.currentThread().isInterrupted()){
- try{
- Thread.sleep(100);
- }catch(InterruptedExceptione){
- Thread.currentThread().interrupt();
- }
- //使用postInvalidate可以直接在线程中更新界面
- postInvalidate();
- }
- }
- }
不知道大家看完这个例子 有没有 有一些疑问?首先跟大家说明一下 这里 这个
- canvas.rotate(45.0f)
- //绘制矩形
- canvas.drawRect(newRect(150,75,260,120),mPaint);
- //设置裁剪区域
- canvas.clipRect(10,10,280,260);
我对它们的参数有些疑问 我不知道 android 它是怎么在一个 Canvas对象上 绘制出一个矩形? new Rect(150,75,260,120)里边这些参数 的数字指明了什么那些值?android 绘制一个矩形以哪里为坐标原点? ---》我现在就告诉大家 是以屏幕的左上角。 好 我们现在 就带着疑问来 看看 android到底怎么在画布上 绘制一个矩形
先说这句
- newRect(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 代表 那四个点 图片中红色的部分就是我们要画的矩形。
![](http://dl.iteye.com/upload/attachment/356328/c8365f29-5964-35d4-9a0b-e3f360218417.jpg)
canvas.clipRect(10, 10, 280, 260) 这个裁剪画布的方法 的参数含义和 我们new Rect(150, 75, 260, 120) 的参数含义是一样的。
这里向大家说明一个问题 接着说吧 还是上边这个矩形
- newRect(150,75,260,120)
![](http://dl.iteye.com/upload/attachment/356330/53abb386-aff9-3c34-b44b-5445c7fb5703.jpg)
这个时候它就在屏幕的右下角。 这里还是有疑问,就算 状态栏 和 标题栏 占去了 50 但是矩形最下面那条线 的位置应该还是 480啊 ! 这是没错的啊 怎么会变成 430 了 很好 我也不知道是怎么回事 我怀疑 是坐标原点 下移 坐标原点 在 状态栏和标题栏的底线。 我这里只是猜测,如果有高手知道 还请告知。谢谢。 哦 对了 这里有一个不错的例子 介绍 怎么获取 状态栏 和 标题栏的 高度 http://blog.csdn.net/pilou5400/archive/2010/11/18/6018422.aspx 大家 可以去看看。