Android提高第三篇之SurfaceView(下)

本文来自http://blog.csdn.net/hellogv/，引用必须注明出处！

上一篇简单介绍了SurfaceView的使用，这次就介绍SurfaceView的双缓冲使用。双缓冲是为了防止动画闪烁而实现的一种多线程应用，基于SurfaceView的双缓冲实现很简单，开一条线程并在其中绘图即可。本文介绍基于SurfaceView的双缓冲实现，以及介绍类似的更高效的实现方法。

本文程序运行截图如下，左边是开单个线程读取并绘图，右边是开两个线程，一个专门读取图片，一个专门绘图：

对比一下，右边动画的帧速明显比左边的快，左右两者都没使用Thread.sleep()。为什么要开两个线程一个读一个画，而不去开两个线程像左边那样都“边读边画”呢？因为SurfaceView每次绘图都会锁定Canvas,也就是说同一片区域这次没画完下次就不能画，因此要提高双缓冲的效率，就得开一条线程专门画图，开另外一条线程做预处理的工作。

main.xml的源码：

<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"android:layout_height="fill_parent"
android:orientation="vertical">

<LinearLayoutandroid:id="@+id/LinearLayout01"
android:layout_width="wrap_content"android:layout_height="wrap_content">
<Buttonandroid:id="@+id/Button01"android:layout_width="wrap_content"
android:layout_height="wrap_content"android:text="单个独立线程"></Button>
<Buttonandroid:id="@+id/Button02"android:layout_width="wrap_content"
android:layout_height="wrap_content"android:text="两个独立线程"></Button>
</LinearLayout>
<SurfaceViewandroid:id="@+id/SurfaceView01"
android:layout_width="fill_parent"android:layout_height="fill_parent"></SurfaceView>
</LinearLayout>

本文程序的源码：

packagecom.testSurfaceView;

importjava.lang.reflect.Field;
importjava.util.ArrayList;
importandroid.app.Activity;
importandroid.graphics.Bitmap;
importandroid.graphics.BitmapFactory;
importandroid.graphics.Canvas;
importandroid.graphics.Paint;
importandroid.graphics.Rect;
importandroid.os.Bundle;
importandroid.util.Log;
importandroid.view.SurfaceHolder;
importandroid.view.SurfaceView;
importandroid.view.View;
importandroid.widget.Button;

publicclasstestSurfaceViewextendsActivity{
/**Calledwhentheactivityisfirstcreated.*/
ButtonbtnSingleThread,btnDoubleThread;
SurfaceViewsfv;
SurfaceHoldersfh;
ArrayList<Integer>imgList=newArrayList<Integer>();
intimgWidth,imgHeight;
Bitmapbitmap;//独立线程读取，独立线程绘图

@Override
publicvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

btnSingleThread=(Button)this.findViewById(R.id.Button01);
btnDoubleThread=(Button)this.findViewById(R.id.Button02);
btnSingleThread.setOnClickListener(newClickEvent());
btnDoubleThread.setOnClickListener(newClickEvent());
sfv=(SurfaceView)this.findViewById(R.id.SurfaceView01);
sfh=sfv.getHolder();
sfh.addCallback(newMyCallBack());//自动运行surfaceCreated以及surfaceChanged
}

classClickEventimplementsView.OnClickListener{

@Override
publicvoidonClick(Viewv){

if(v==btnSingleThread){
newLoad_DrawImage(0,0).start();//开一条线程读取并绘图
}elseif(v==btnDoubleThread){
newLoadImage().start();//开一条线程读取
newDrawImage(imgWidth+10,0).start();//开一条线程绘图
}

}

}

classMyCallBackimplementsSurfaceHolder.Callback{

@Override
publicvoidsurfaceChanged(SurfaceHolderholder,intformat,intwidth,
intheight){
Log.i("Surface:","Change");

}

@Override
publicvoidsurfaceCreated(SurfaceHolderholder){
Log.i("Surface:","Create");

//用反射机制来获取资源中的图片ID和尺寸
Field[]fields=R.drawable.class.getDeclaredFields();
for(Fieldfield:fields){
if(!"icon".equals(field.getName()))//除了icon之外的图片
{
intindex=0;
try{
index=field.getInt(R.drawable.class);
}catch(IllegalArgumentExceptione){
//TODOAuto-generatedcatchblock
e.printStackTrace();
}catch(IllegalAccessExceptione){
//TODOAuto-generatedcatchblock
e.printStackTrace();
}
//保存图片ID
imgList.add(index);
}
}
//取得图像大小
BitmapbmImg=BitmapFactory.decodeResource(getResources(),
imgList.get(0));
imgWidth=bmImg.getWidth();
imgHeight=bmImg.getHeight();
}

@Override
publicvoidsurfaceDestroyed(SurfaceHolderholder){
Log.i("Surface:","Destroy");

}

}

/*
*读取并显示图片的线程
*/
classLoad_DrawImageextendsThread{
intx,y;
intimgIndex=0;

publicLoad_DrawImage(intx,inty){
this.x=x;
this.y=y;
}

publicvoidrun(){
while(true){
Canvasc=sfh.lockCanvas(newRect(this.x,this.y,this.x
+imgWidth,this.y+imgHeight));
BitmapbmImg=BitmapFactory.decodeResource(getResources(),
imgList.get(imgIndex));
c.drawBitmap(bmImg,this.x,this.y,newPaint());
imgIndex++;
if(imgIndex==imgList.size())
imgIndex=0;

sfh.unlockCanvasAndPost(c);//更新屏幕显示内容
}
}
};

/*
*只负责绘图的线程
*/
classDrawImageextendsThread{
intx,y;

publicDrawImage(intx,inty){
this.x=x;
this.y=y;
}

publicvoidrun(){
while(true){
if(bitmap!=null){//如果图像有效
Canvasc=sfh.lockCanvas(newRect(this.x,this.y,this.x
+imgWidth,this.y+imgHeight));

c.drawBitmap(bitmap,this.x,this.y,newPaint());

sfh.unlockCanvasAndPost(c);//更新屏幕显示内容
}
}
}
};

/*
*只负责读取图片的线程
*/
classLoadImageextendsThread{
intimgIndex=0;

publicvoidrun(){
while(true){
bitmap=BitmapFactory.decodeResource(getResources(),
imgList.get(imgIndex));
imgIndex++;
if(imgIndex==imgList.size())//如果到尽头则重新读取
imgIndex=0;
}
}
};
}