Android——Canvas类的学习

转:http://blog.sina.com.cn/s/blog_61ef49250100qw9x.html

今晚瞎折腾,闲着没事画了个机器人——android,浪费了一个晚上的时间。画这丫还真不容易,为那些坐标,差点砸了键盘,好在最后画出个有模有样的,心稍安。

下面来看看画这么个机器人需要些什么东西:主要是Canvas类(android.graphics.Canvas)。Canvas类就是表示一块画布,你可以在上面画你想画的东西。当然,你还可以设置画布的属性,如画布的颜色/尺寸等。Canvas提供了如下一些方法:

Canvas():创建一个空的画布,可以使用setBitmap()方法来设置绘制的具体画布;

Canvas(Bitmap bitmap):以bitmap对象创建一个画布,则将内容都绘制在bitmap上,bitmap不得为null;

Canvas(GL gl):在绘制3D效果时使用,与OpenGL有关;

drawColor:设置画布的背景色;

setBitmap:设置具体的画布;

clipRect:设置显示区域,即设置裁剪区;

isOpaque:检测是否支持透明;

rotate:旋转画布;

下面我们就用Canvas来画一个机器人——android,oh my love!一看就知道,机器人的外形是由矩形/圆/圆弧/线条组成的,因此要知道怎么用Canvas画矩形/圆/圆弧和线条。可惜阿,上面几个方法基本都没用上。

canvas.drawRect(RectF,Paint)方法用于画矩形,第一个参数为图形显示区域,第二个参数为画笔,设置好图形显示区域Rect和画笔Paint后,即可画图;

canvas.drawRoundRect(RectF, float, float, Paint) 方法用于画圆角矩形,第一个参数为图形显示区域,第二个参数和第三个参数分别是水平圆角半径和垂直圆角半径。

canvas.drawLine(startX, startY, stopX, stopY, paint):前四个参数的类型均为float,最后一个参数类型为Paint。表示用画笔paint从点(startX,startY)到点(stopX,stopY)画一条直线;

canvas.drawArc(oval, startAngle, sweepAngle, useCenter, paint):第一个参数oval为RectF类型,即圆弧显示区域,startAngle和sweepAngle均为float类型,分别表示圆弧起始角度和圆弧度数,3点钟方向为0度,useCenter设置是否显示圆心,boolean类型,paint为画笔;

canvas.drawCircle(float,float, float, Paint)方法用于画圆,前两个参数代表圆心坐标,第三个参数为圆半径,第四个参数是画笔;

清楚这些函数的用法之后,我们是否就噼里啪啦地敲代码了呢?别急,我们来搞个设计。既然这些函数都是用来画图的,也就是说它们有共性——画。所有我们应该设计一个接口interface,对于这次任务,只需要一个成员方法就足够了。对于每一个图形,是只用一个方法画,还是将画图封装成类呢?我建议是封装成类。因为说不定你明天就会嫌弃它不会动,想它动起来,或者你过两天又希望在机器人的每个部位加点什么。所以我将每一个图形封装成类,都实现一个名叫drawGraphics的接口。最后,要记得给UI创建一个线程哦。

就这样我开始动手做了,但是很快就发现问题了。什么问题?在定位的时候,也就是设置每个图形的显示区域时,我自以为这里的Rect跟Java的Rectangle是一样的,但我错了。原来这厮跟MFC中的RECT结构才是一家人,害我折腾了许久。

Rect(int left,int top,int right,int bottom)

left

矩形左上角X坐标值

top

矩形左上角Y坐标值

right

矩形右下角X坐标值

bottom

矩形右下角Y坐标值

下面借用一张图说明(忘了哪个博客找来的(*^__^*) 嘻嘻……),如Rect(150, 75, 260, 120) 一目了然吧。

还有一点非常重要的是,屏幕最上方的状态栏和标题栏总占去来50的高度,同时坐标原点下移到标题栏下方,即如果你的手机屏幕分辨率为(320X480),编程时如果没有设置去除状态栏和标题栏,你只能操控的范围只有(320X430),而且坐标原点下移。记住咯。

//drawGraphics.java

package  com.scgm.android.drawable;

import android.graphics.Canvas;

public interface  drawGraphics {

public void  draw(Canvas canvas);

}

package  com.scgm.android.drawable;

import android.content.Context;

import  android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.view.View;

public classGameView  extends View  implements  Runnable{

//声明Paint对象

       private  Paint mPaint= null;

       privatedrawGraphics drawGraphics= null;

       public GameView(Context context) {

            super(context);

// TODOAuto-generated constructor stub

//构建对象

mPaint= new Paint();

//开启线程

           new  Thread(this).start();

}

       public void  onDraw(Canvas canvas) {

           super.onDraw(canvas);

//设置画布为黑色背景

//canvas.drawColor(Color.BLACK);

//消除锯齿

mPaint.setAntiAlias(true);

//设置图形为空心

mPaint.setStyle(Paint.Style.STROKE);

//绘制空心几何图形

drawGraphics=  new  DrawCircle();

drawGraphics.draw(canvas);

drawGraphics=  new  DrawLine();

drawGraphics.draw(canvas);

drawGraphics= newDrawRect();

drawGraphics.draw(canvas);

}

@Override

          public void run() {

// TODOAuto-generated method stub

               while(!Thread.currentThread().isInterrupted()) {

                    try{

Thread.sleep(1000);

catch(InterruptedException e) {

// TODO: handle exception

Thread.currentThread().interrupt();

}

//使用postInvalidate 可以直接在线程中更新界面

postInvalidate();

}

}

}

//DrawRect.java

package com.scgm.android.drawable;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.graphics.RectF;

public class DrawRect  implements  drawGraphics{

       private  Paint paint=  null;

       public DrawRect(){

paint= new  Paint();

}

@Override

         public void  draw(Canvas canvas) {

// TODOAuto-generated method stub

//定义圆角矩形对象

RectF rectF1 = newRectF(120,170,370,500);

RectF rectF2 = newRectF(40,150,90,400);

RectF rectF3 = newRectF(390,150,440,400);

RectF rectF4 = newRectF(140,520,200,650);

RectF rectF5 = newRectF(290,520,350,650);

paint.setAntiAlias(true);

//设置画笔颜色为BLUE

paint.setColor(Color.GREEN);

//在画布上绘制圆角矩形/圆弧/直线

canvas.drawRoundRect(rectF1, 20, 20, paint);

canvas.drawRoundRect(rectF2, 20, 20, paint);

canvas.drawRoundRect(rectF3, 20, 20, paint);

canvas.drawRoundRect(rectF4, 20, 20, paint);

canvas.drawRoundRect(rectF5, 20, 20, paint);

}

}

//DrawLine.java

package  com.scgm.android.drawable;

import android.graphics.Canvas;

import  android.graphics.Color;

import android.graphics.Paint;

public class DrawLine  implements  drawGraphics{

       private Paint paint=  null;

       public  DrawLine(){

paint=  new  Paint();

}

@Override

        publicvoiddraw(Canvas canvas) {

// TODOAuto-generated method stub

paint.setAntiAlias(true);

//绘制直线

paint.setColor(Color.GREEN);

//设置线条粗细

paint.setStrokeWidth(12);

canvas.drawLine(120,40,170,90, paint);

canvas.drawLine(320,90,370,40, paint);

}

}

//DrawCircle.java

package com.scgm.android.drawable;

import android.graphics.Canvas;

import  android.graphics.Color;

import  android.graphics.Paint;

import android.graphics.RectF;

public class DrawCircle  implements  drawGraphics{

        private  Paint paint=  null;

        private  Paint paint_eye=  null;

        public  DrawCircle(){

paint= new  Paint();

paint_eye= new  Paint();

}

@Override

        public  void draw(Canvas canvas) {

// TODOAuto-generated method stub

//绘制圆形(圆心x,圆心y,半径r,画笔p)

paint_eye.setAntiAlias(true);

paint.setAntiAlias(true);

RectF rectF = newRectF(120,60,370,240);

paint_eye.setColor(Color.WHITE);

paint.setColor(Color.GREEN);

canvas.drawCircle(190, 110, 18, paint_eye);

canvas.drawCircle(300, 110, 18, paint_eye);

canvas.drawArc(rectF, 180, 180,true, paint);

}

}

//GameStart.java

package  com.scgm.android.drawable;

import  android.app.Activity;

import android.os.Bundle;

public class GameStart  extends  Activity {

      private  GameView mGameView=  null;

@Override

      public  void  onCreate(Bundle  savedInstanceState) {

          super.onCreate(savedInstanceState);

          this.mGameView= newGameView(this);

setContentView(mGameView);

}

}

运行效果图:

还可以吧?:-)

时间: 2024-07-29 06:37:32

Android——Canvas类的学习的相关文章

Android——Canvas类的使用

Canvas类(android.graphics.Canvas) Canvas类就是表示一块画布,你可以在上面画你想画的东西.当然,你还可以设置画布的属性,如画布的颜色/尺寸等.Canvas提供了如下一些方法: Canvas():创建一个空的画布,可以使用setBitmap()方法来设置绘制的具体画布: Canvas(Bitmap bitmap):以bitmap对象创建一个画布,则将内容都绘制在bitmap上,bitmap不得为null; Canvas(GL gl):在绘制3D效果时使用,与Op

关于android TimeUtils类的学习

最近公司有紧急移动项目,签约没人做,所以只能临时顶着头皮上,边学边做,这是在做报表时间控件顺便学习下TimeUtils.java类 怕自己忘记,自己记录一下吧,目前用的日期选择的控件还不错,推荐下地址: https://github.com/liuwan1992/CustomDatePicker ,可以按照自己的要求做适当修改 只是做个记录,后面如果有更新回再补充 原文地址:https://www.cnblogs.com/lzc-wendy/p/11180577.html

24.Android之Paint和canvas简单应用学习

在Android中需要通过graphics类来显示2D图形,graphics中包括了Canvas(画布).Paint(画笔).Color(颜色).Bitmap(图像)等常用的类.graphics具有绘制点.线.颜色.2D几何图形.图像处理等功能. 1.Paint(画笔)类 要绘制图形,首先得调整画笔,按照自己的开发需要设置画笔的相关属性.Pain类的常用属性设置方法如下: setAntiAlias(); //设置画笔的锯齿效果 setColor(); //设置画笔的颜色 setARGB(); /

Android(java)学习笔记167:Java中操作文件的类介绍

1.File类:对硬盘上的文件和目录进行操作的类.    File类是文件和目录路径名抽象表现形式  构造函数:        1) File(String pathname)       Creates a new File instance by converting the given pathname string into an abstract pathname. 2)File(File parent, String child)       Creates a new File i

Android 服务类Service 的详细学习

上一篇说到了通知栏Notification,提起通知栏,不得让人想到Service以及BroadcastReceive,作为android的4大组建的2个重要成员,我们没少和它们打交道.它们可以在无形中使我们的软件和网络.数据库.系统等进行交互,之后通过UI(Notification就是一种展示方式)把结果展现在我们面前.可以说,他们是android生命体系里面的神经系统,通过反射条件让身体展现不同的状态.在整个系统中,广播接收器充当着是传输者和监听者的角色,它把系统的一点点变化都反馈上去,之后

(转).net开发者对android第二周的学习体会

这一周相对没有春节时这么闲了,白天也比较多的工作要做,每天晚上又要被我三岁的女儿折腾到十点, 实在没有多少时间学习.在前一周的基础上,这周我试着自己练习写了一个个人管理的android的程序,主要实现万年历,日程,随手便贴,短信群发等一些功能.下面总结一下自己在其过程中的一些心得和体会,都是一些没技术含量的活,我只写下自己的思路,不贴具体的代码了.苦于周围没有人可交流,大部分功能都是自己闭门造车或参考网上的资料实现,也不知道是否合理,望高手能加以指正. 1.   页面布局技巧 页面布局是andr

Android Matrix类以及ColorMatri

引自:http://www.chinabaike.com/t/37396/2014/0624/2556217.html Android Matrix类以及ColorMatrix类详解 最近在系统学习了android的图像处理(在网上搜集了一些资料并自己编写了测试程序,做了整理),现在这里做一总结: 一.ColorMatrix类 ColorMatrix是一个5x4阶的矩阵 在下面表示为A,第一行表示R红色分量,第二行表示G绿色分量,第三行表示B蓝色分量,第四行表示透明度: 用一维数组的存储方式如下

Android Window PhoneWindow Activity学习心得--第三弹

Android Window  PhoneWindow Activity学习心得--第三弹 前面 我们完成了从Activity到PhoneWindow的整体跨度 正如我们所知道的与Activity组件关联的一个应用程序窗口视图对象关联一个ViewRoot对象,而将 一个Activity组件的应用程序窗口视图对象与一个ViewRoot对象关联是通过该Activity组件所使用的 窗口管理器(WindowManager)来执行的. 在我们初始化DecorView完成之后,我们需要关联应用程序窗口视图

android canvas d

(以下转自:http://blog.csdn.net/longyi_java/article/details/6930480) 1.基本的绘制图片方法 //Bitmap:图片对象,left:偏移左边的位置,top: 偏移顶部的位置    drawBitmap(Bitmap bitmap, float left, float top, Paint paint) 2.对图片剪接和限定显示区域 drawBitmap(Bitmap bitmap, Rect src, RectF dst, Paint p