【原文：http://blog.csdn.net/corder_raine/article/details/8317356】
版权为作者所有,如有转载请注明出处
目录
第十一天.Android图形技术
11.1 Paint类与Canvas类
11.1.1 绘图Paint类
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
PaintnewPaint();/*mPaint.setAntiAlias(true);/*mPaint.setColor(Color.RED);mPaint.setColor(Color.BLUE);/*mPaint.setColor(Color.rgb(255,/*Color.red(0xcccccc);Color.green(0xcccccc);/*mPaint.setARGB(255,/*mPaint.setAlpha(220); /*mPaint.setTextSize(14);////mPaint.setStyle(Paint.Style.STROKE);//mPaint.setStrokeWidth(5);/*Log.i(TAG,Log.i(TAG,Log.i(TAG,Log.i(TAG,/*canvas.drawRect((320/*mPaint.setStyle(Paint.Style.FILL);mPaint.setColor(Color.GREEN);/*canvas.drawRect(0,20,40,20+40,mPaint); |
11.1.2 在线程中更新界面
|
01
02
03
04
05
06
07
08
09
10
11
12
13
|
publicvoid while(!Thread.currentThread().isInterrupted()) { try{ Thread.sleep(100); } catch(InterruptedException Thread.currentThread().interrupt(); } //使用postInvalidate可以直接在线程中更新界面 postInvalidate();//会调用onDraw(Canvascanvas)方法 } } |
** 研究案例PaintDemo
11.1.3 Canvas画布类
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
|
publicvoid super.onDraw(canvas); /*设置画布的颜色 canvas.drawColor(Color.BLACK); /*设置取消锯齿效果 mPaint.setAntiAlias(true); /*设置裁剪区域 canvas.clipRect(10,10, /*线锁定画布 canvas.save(); /*旋转画布 canvas.rotate(45.0f); /*设置颜色及绘制矩形 mPaint.setColor(Color.RED); canvas.drawRect(newRect(15,15,140,70), /*解除画布的锁定 canvas.restore(); /*设置颜色及绘制另一个矩形 mPaint.setColor(Color.GREEN); canvas.drawRect(newRect(150,75,260,120), } |
** 研究案例PaintDemo2
11.2 SurfaceView类
11.2.1 SurfaceView类
Ø 执行效率高
Ø 可以直接访问画布Canvas
Ø 开发手机游戏经常用
11.2.2 SurfaceView使用要点
1.public class GameSurfaceView extendsSurfaceView implementsSurfaceHolder.Callback,Runnable
2.定义SurfaceHolder对象：
SurfaceHoldermSurfaceHolder= this.getHolder();
3.添加回调：
mSurfaceHolder.addCallback(this);
this.setFocusable(true);
4.在回调方法surfaceCreated()中开启绘图线程。
5.在绘图线程中绘制图形。
11.2.3 SurfaceView回调方法
|
01
02
03
04
05
06
07
08
09
10
11
12
13
|
// publicvoidintformat,intwidth,intheight) } //在surface创建时激发 publicvoid //开启绘图线程 newThread(this).start(); } //在surface销毁时激发 publicvoid //停止循环 mbLoop=false; } |
11.2.3 绘图线程
// 绘图循环
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
|
publicvoid while(mbLoop){ try{ Thread.sleep(200); } catch(Exception } synchronized(mSurfaceHolder draw(); } } } |
11.2.4 绘图方法
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
|
publicvoid //锁定画布，得到canvas Canvascanvas= if(mSurfaceHolder==null||null){ return; } //绘图 PaintmPaintnewPaint(); mPaint.setColor(Color.BLACK); //绘制矩形--清屏作用 canvas.drawRect(0,0,320,480, mPaint.setColor(Color.BLUE); //绘制矩形 canvas.drawCircle((320-25)2,50, //绘制后解锁，绘制后必须解锁才能显示 mSurfaceHolder.unlockCanvasAndPost(canvas);} |
** 研究完整案例GameSurfaceViewDemo
11.3 绘制几何形状
11.3.1 绘制几何形状
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
/* Rectrect1 /*设置矩形大小 rect1.left= mPaint.setColor(Color.BLUE); /*绘制矩形 canvas.drawRect(rect1,mPaint); /*绘制矩形 canvas.drawRect(50,5, /*绘制圆形(圆心x,圆心y,半径r,p) canvas.drawCircle(40,70, /*定义椭圆对象 RectFrectf1 /*设置椭圆大小 rectf1.left= /*绘制椭圆 canvas.drawOval(rectf1,mPaint);/* Pathpath1 /*设置多边形的点*/ path1.moveTo(150+5,80-50); path1.lineTo(150+45,80-50); path1.lineTo(150+30,120-50); path1.lineTo(150+20,120-50); /*使这些点构成封闭的多边形 path1.close(); mPaint.setColor(Color.GRAY); /*绘制这个多边形 canvas.drawPath(path1,mPaint); mPaint.setColor(Color.RED); mPaint.setStrokeWidth(3); /*绘制直线 canvas.drawLine(5,110,315,110, |
** 研究完整案例PaintDemo3
11.3.2 ShapeDrawable绘制几何图形
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
/* ShapeDrawable //得到画笔paint对象并设置其颜色 mShapeDrawable.getPaint().setColor(Color.RED); Rectbounds /*设置图像显示的区域 mShapeDrawable.setBounds(bounds); mShapeDrawable.draw(canvas);/* /*实例化ShapeDrawable对象并说明是绘制一个椭圆 mShapeDrawable= //得到画笔paint对象并设置其颜色 mShapeDrawable.getPaint().setColor(Color.GREEN); /*设置图像显示的区域 mShapeDrawable.setBounds(70,250, /*绘制图像 mShapeDrawable.draw(canvas); Path /*设置多边形的点*/ path1.moveTo(150+5,80+80-50); path1.lineTo(150+45,80+80-50); path1.lineTo(150+30,80+120-50); path1.lineTo(150+20,80+120-50); /*使这些点构成封闭的多边形 path1.close(); //PathShape后面两个参数分别是宽度和高度 mShapeDrawable= //得到画笔paint对象并设置其颜色 mShapeDrawable.getPaint().setColor(Color.BLUE); /*设置图像显示的区域 mShapeDrawable.setBounds(100,170, /*绘制图像 mShapeDrawable.draw(canvas); |
** 研究案例PaintDemo3中GameView2.java
11.4 图形绘制与旋转缩放
11.4.1 绘制图像1
|
01
02
03
04
05
06
07
08
09
10
|
/*从资源文件中装载图片 //getResources()->得到Resources //getDrawable()->得到资源中的Drawable对象，参数为资源索引ID //getBitmap()->得到Bitmap Bitmap /*清屏效果 canvas.drawColor(Color.GRAY); /*在屏幕(0,0)处绘制图片mBitQQ GameView.drawImage(canvas,mBitQQ,0,0); |
**drawImage()参考后面
11.4.2 绘制图像2
*
@param x屏幕上的x坐标
* @param y屏幕上的y坐标
* @param w要绘制的图片的宽度
* @param h要绘制的图片的高度
* @param bx图片上的x坐标
* @param by图片上的y坐标
|
01
02
03
04
05
06
07
08
09
10
|
publicstaticvoiddrawImage(Canvasintx,inty,intw,inth,intbx,intby) RectsrcnewRect();// RectdstnewRect();// src.left= src.bottom= dst.left= dst.bottom= canvas.drawBitmap(blt,src,null); src=null;null; } |
11.4.3 绘制图像3
/**
* 绘制一个Bitmap
* @param canvas 画布
* @param bitmap 图片
* @param x 屏幕上的x坐标
* @param y 屏幕上的y坐标
*/
|
1
2
3
4
5
|
publicstaticvoiddrawImage(Canvasintx,inty) { /*绘制图像 canvas.drawBitmap(bitmap,x,null); } |
** 还需要使用线程更新界面
** 研究案例PaintDemo5
11.4.5 图像旋转
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
|
publicvoid super.onDraw(canvas); MatrixmMatrixnewMatrix(); /*重置mMatrix mMatrix.reset(); /*设置旋转 mMatrix.setRotate(角度); /*按mMatrix得旋转构建新的Bitmap BitmapmBitQQ2 /*绘制旋转之后的图片 GameView.drawImage(canvas,mBitQQ2,320-BitQQwidth)/2,10); mBitQQ2=null; } |
** 研究MatrixDemo
11.4.6 图像缩放
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
|
publicvoid super.onDraw(canvas); /*重置mMatrix mMatrix.reset(); /*设置缩放 mMatrix.postScale(Scale,Scale); /*按mMatrix得旋转构建新的Bitmap BitmapmBitQQ2 /*绘制旋转之后的图片 GameView.drawImage(canvas,mBitQQ2,320-BitQQwidth)/2,10); mBitQQ2=null; } |
** 研究MatrixScaleDemo
11.5 用Shader类进行渲染
Ø BitmapShader：
Bitmap渲染
Ø LinearGradient：
线性渐变渲染
Ø ComposeShader：
混合渲染
Ø RadialGradient：
环形渐变渲染
Ø SweepGradient：
梯度渲染
** 研究案例ShaderDemo
示例下载