Android应用开发基础篇（8）-----SurfaceView

一、概述

SurfaceView也是一个用来画图的部件，不过由于它的效率比较高，因此一般多用在游戏编程中，在摄像头编程中也会用到，还有它和View比较大的不同是它可以在非UI线程里画图。下面的实现中会提到使用SurfaceView来画图需要注意的几个地方。

二、要求

会使用SurfaceView来画图。

三、实现

新建工程MySurface，修改/res/layout/main.xml文件，在里面添加一个Button和一个SurfaceView，完整的main.xml文件如下：

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

<Button
android:id="@+id/button"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="画线"
/>

<SurfaceView
android:id="@+id/surface"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
/>

</LinearLayout>

修改MySurfaceActivity.java文件，主要实现Button的监听和SurfaceHolder.Callback的接口，完整的内容如下：

package com.nan.surface;

import android.app.Activity;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.os.Bundle;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
import android.view.View;
import android.widget.Button;

public class MySurfaceActivity extends Activity
{
private int OldX = 0;
private int OldY = 0;
private Button mButton = null;
private SurfaceView mSurfaceView = null;
private SurfaceHolder mSurfaceHolder = null;
private Paint mPaint = null;

@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

mButton = (Button)findViewById(R.id.button);
mSurfaceView = (SurfaceView)findViewById(R.id.surface);
mSurfaceHolder = mSurfaceView.getHolder();
mSurfaceHolder.addCallback(new MyHolder());

mPaint = new Paint();
//画笔的颜色
mPaint.setColor(Color.RED);
//画笔的粗细
mPaint.setStrokeWidth(10.0f);
//按钮监听
mButton.setOnClickListener(new View.OnClickListener()
{

public void onClick(View v)
{
// TODO Auto-generated method stub
//锁定整个SurfaceView
Canvas mCanvas = mSurfaceHolder.lockCanvas();
mCanvas.drawLine(OldX, OldY, OldX+10, OldY+10, mPaint);
//横坐标增加
OldX = OldX + 10;
//纵坐标增加
OldY = OldY + 10;
// 绘制完成，释放画布，提交修改
mSurfaceHolder.unlockCanvasAndPost(mCanvas);
//重新锁一次
//mSurfaceHolder.lockCanvas(new Rect(0, 0, 0, 0));
//mSurfaceHolder.unlockCanvasAndPost(mCanvas);
}
});
}

//定义一个类，实现Callback接口
public class MyHolder implements SurfaceHolder.Callback
{

public void surfaceChanged(SurfaceHolder holder, int format, int width,
int height)
{
// TODO Auto-generated method stub
//add your code
}

public void surfaceCreated(SurfaceHolder holder)
{
// TODO Auto-generated method stub
//add your code
}

public void surfaceDestroyed(SurfaceHolder holder)
{
// TODO Auto-generated method stub
//add your code
}

}

}

此时运行该程序，并点击几下“画线”按钮，效果如下所示：



可以看到，画出来的线是断断续续的，把上面程序的第58,59行的注释去掉，再运行一次，效果如下：



可以看到，线已经没有断开的现象了。

还有一点需要注意的是，如果希望程序在后台运行时还能画图且不报程序出错的问题，就要修改成以下这样的形式：

//锁定整个SurfaceView
Canvas mCanvas = mSurfaceHolder.lockCanvas();
try
{
if(mCanvas!=null)
{
mCanvas.drawLine(OldX, OldY, OldX+10, OldY+10, mPaint);
//横坐标增加
OldX = OldX + 10;
//纵坐标增加
OldY = OldY + 10;
//绘制完成，释放画布，提交修改
mSurfaceHolder.unlockCanvasAndPost(mCanvas);
}
}
catch(Exception e)
{
e.printStackTrace();
}
finally
{
if(mCanvas!=null)
{
//重新锁一次
mSurfaceHolder.lockCanvas(new Rect(0, 0, 0, 0));
mSurfaceHolder.unlockCanvasAndPost(mCanvas);
}
}

再运行，效果同第2幅图的一样。