android Draw Rect 坐标图示

来源:互联网 发布:淘宝网吸顶灯 编辑:程序博客网 时间:2024/06/08 17:10

转载地址:http://byandby.iteye.com/blog/826230 尊重原作者

  前两天在博客发了在例子 android Canvas类介绍  http://byandby.iteye.com/blog/825330  建议大家 点进去 看一看 不然下边没办法 继续啊。 我还是把这个例子的代码贴出来 大家一起看看吧。 

Java代码  收藏代码
  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(1010280260);  
  36.   
  37.         /* 线锁定画布 */  
  38.         canvas.save();  
  39.         /* 旋转画布 */  
  40.         canvas.rotate(45.0f);  
  41.   
  42.         /* 设置颜色及绘制矩形 */  
  43.         mPaint.setColor(Color.RED);  
  44.         canvas.drawRect(new Rect(151514070), mPaint);  
  45.   
  46.         /* 解除画布的锁定 */  
  47.         canvas.restore();  
  48.   
  49.         /* 设置颜色及绘制另一个矩形 */  
  50.         mPaint.setColor(Color.GREEN);  
  51.         canvas.drawRect(new Rect(15075260120), 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(15075260120), mPaint);  
  3. //设置裁剪区域  
  4. canvas.clipRect(1010280260);  

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

先说这句
Java代码  收藏代码
  1. new Rect(15075260120)  
  这个构造方法需要四个参数这四个参数 指明了什么位置 ?我们就来解释怎么画 这个 矩形 
这四个 参数 分别代表的意思是: 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);  我们还是来看张图 那个绿色的矩形 就是我们想要的效果。

 

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

0 0
原创粉丝点击