Android-施用SurfaceView多线程绘制动画

2012-06-20

Android-使用SurfaceView多线程绘制动画使用SurfaceView中的Surface对象进行绘图，其本质就是利用SurfaceHo

Android-使用SurfaceView多线程绘制动画
使用SurfaceView中的Surface对象进行绘图，其本质就是利用SurfaceHolder的lockCanvas获取到Canvas对象进行绘制的，对于绘制动画来说，必须使用双缓冲，或者采用双线程，一个线程负责专门的预处理，比如图片数据读取，另外一个线程负责进行专绘制图形。因为SurfaceView每次绘图都会锁定Canvas,也就是说同一片区域这次没画完下次就不能画，因此要提高动画播放的效率，就得开一条线程专门画图，开另外一条线程做预处理的工作。

下在给出一个例子，讲解一下如何利用双线程提高绘图速度：

以下可以看到的动画是一张解码后的图片从最屏幕最左边快速移到右边，重新开始则清屏进行显示

package com.test.surfaceview;import java.lang.reflect.Field;import java.util.ArrayList;import android.app.Activity;import android.content.Context;import android.graphics.Bitmap;import android.graphics.BitmapFactory;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.graphics.Rect;import android.os.Bundle;import android.util.Log;import android.view.SurfaceHolder;import android.view.SurfaceView;public class TestsurfaceviewActivity extends Activity {private final static String TAG = "TestsurfaceviewActivity";/** Called when the activity is first created. */@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);// setContentView(new MySurfaceView(this)); // 这里以MySurfaceView作为显示ViewonTestInit();}private SurfaceView drawSV = null;private SurfaceHolder drawSH = null;ArrayList<Integer> imgList = new ArrayList<Integer>(); private int mWidth= 0, mHeight = 0;private Bitmap bitmap = null;private LoadImage loadImg = new LoadImage();private DrawImage drawImg = null;private void onTestInit() {drawSV = (SurfaceView) this.findViewById(R.id.SurfaceDrawView);drawSH = drawSV.getHolder();drawSH.addCallback(new MySVCallback());}private int onTestStart(){if(loadImg != null){loadImg.start();}drawImg = new DrawImage(0,mHeight);drawImg.start();return 0;}private void onTestStop(){if(loadImg != null){loadImg.stop();}if(drawImg != null){drawImg.stop();}}private class MySVCallback implements SurfaceHolder.Callback {@Overridepublic void surfaceChanged(SurfaceHolder holder, int format, int width,int height) {// TODO Auto-generated method stubLog.i(TAG, "surfaceChanged is called");}@Overridepublic void surfaceCreated(SurfaceHolder holder) {// TODO Auto-generated method stubLog.i(TAG, "surfaceCreated is called");// 用反射机制来获取资源中的图片ID和尺寸Field[] fields = R.drawable.class.getDeclaredFields();for (Field field : fields) {// 除了icon及launcher之外的图片if (!"icon".equals(field.getName())&& !"ic_launcher".equals(field.getName())) {int index = 0;try {index = field.getInt(R.drawable.class);} catch (IllegalArgumentException e) {// TODO Auto-generated catch blocke.printStackTrace();} catch (IllegalAccessException e) {// TODO Auto-generated catch blocke.printStackTrace();}// 保存图片IDimgList.add(index);}}Log.i(TAG,"imglist size = "+imgList.size());            // 取得图像大小              Bitmap bmImg = BitmapFactory.decodeResource(getResources(),                      imgList.get(0));            mWidth  = bmImg.getWidth();             mHeight = bmImg.getHeight();                        onTestStart();}@Overridepublic void surfaceDestroyed(SurfaceHolder holder) {// TODO Auto-generated method stubLog.i(TAG, "surfaceDestroyed is called");}}private class LoadImage extends Thread {private int imgIndex = 0;public void run() {while (true) {bitmap = BitmapFactory.decodeResource(getResources(),imgList.get(imgIndex));++imgIndex;if (imgIndex == imgList.size()) { // 循环取图片数据imgIndex = 0;}}}}private class DrawImage extends Thread{private int x,y;public DrawImage(int x,int y){this.x = x;this.y = y;}private void ClearScreen(){Canvas canvas = drawSH.lockCanvas(null);canvas.drawColor(Color.BLACK);// 清除画布drawSH.unlockCanvasAndPost(canvas);}public void run() {while (true) {if (bitmap != null) {/** * 以下两个有明显的效率差异，lockCanvas()指定Rect内减少循环画线的次数， * 可以提高绘图效率,全屏刷新时会很闪烁 */Canvas c = drawSH.lockCanvas(new Rect(this.x, this.y,this.x + mWidth, this.y + mHeight));//Canvas c = drawSH.lockCanvas();c.drawBitmap(bitmap, this.x, this.y, new Paint());drawSH.unlockCanvasAndPost(c);// 将显示内容上屏this.x += 10;//如果到了终点，则清屏重来if(this.x > 1280 - mWidth){this.x = 0;ClearScreen();}}}}}}

2楼tianshenshangjie5天前 18:46

你确定？

Re: andyhuabing5天前 18:46: 能说明清楚一点不？不太明白你的意思

1楼tianshenshangjie6天前 16:51

为什么要2线程，为什么不直接在绘制的时候就先预先加载好。为什么不去做一个处理就是绘制的时候加载。如果第一次加载了那么后续就不去再重复夹杂的处理。等等。太多太多

Re: andyhuabing5天前 09:40

首先谢谢你的建议，在此我说下我的看法：n1、预先加载好，对于大图片内存消耗比较大,vm虚拟机很容易就报内存不够的n2、分为两个线程处理，分开加载和绘图两个过程，假如解码的图片很大，需要花费时间解码，而如果直接在绘图时进行解码，将会影响到绘图的速度，对于动画的效果将会不流畅

Re: tianshenshangjie5天前 10:26

回复andyhuabingn其实我完全是抱着质疑的态度来的。第一你开了一个线程去加载图片。是否会照成图片重复加载。或者反复去开io流读取图片，反复加载的情况下还没有去做上一个图片的释放工作。这比一次性加载更容易爆内存。。第二假如解码的图片很大，需要花费时间解码，而如果直接在绘图时进行解码，将会影响到绘图的速度，对于动画的效果将会不流畅这个是说绘制的时候进行加载，绘制的时候进行加载只是我提出的一个想法。他也确实不合适大图片的加载。第三因此要提高动画播放的效率，就得开一条线程专门画图，开另外一条线程做预处理的工作。你确定要这样。为什么这样做可以达到这种效果

Re: andyhuabing5天前 10:41

对于SurfaceView这点我也是刚学并且使用的，刚去问了一下专做android应用的专业人员，解码与绘图应该分开进行，前提肯定是不能一次解完全放在内存中。解码放在单独一个线程中，而绘图肯定由ui线程绘制。这种方式是目前能知道最好的！

Re: andyhuabing5天前 11:05: 不知道你有什么高见，不防一起互相学习下，谢谢！

热点排行