Android draw Rect 坐标图示

前两天在博客发了在例子 android Canvas类介绍 http://byandby.javaeye.com/blog/825330

建议大家点进去看一看不然下边没办法继续啊。我还是把这个例子的代码贴出来大家一起看看吧。

 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 {  

     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();

         }

     }

 }

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

Java代码

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 代表那四个点图片中红色的部分就是我们要画的矩形。

Android draw Rect 坐标图示

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 draw Rect 坐标图示

这个时候它就在屏幕的右下角。这里还是有疑问，就算状态栏和标题栏占去了 50 但是矩形最下面那条线的位置应该还是 480啊！这是没错的啊怎么会变成 430 了很好我也不知道是怎么回事我怀疑是坐标原点下移坐标原点在状态栏和标题栏的底线。我这里只是猜测，如果有高手知道还请告知。谢谢。哦对了这里有一个不错的例子介绍怎么获取状态栏和标题栏的高度http://blog.****.net/pilou5400/archive/2010/11/18/6018422.aspx 大家可以去看看。

秒客网

Android draw Rect 坐标图示

相关文章