`

Android中SurfaceView的使用示例

阅读更多

SurfaceView在游戏开发中有着举足轻重的地位,它对于画面的控制有着更大的自由度(不像View要用handler来更新,关于View的),但这方面的参考资料并不是太多,能找到的例子都有点喧宾夺主的感觉,不能把使用的流程清晰展示出来,下面是个简单的示例,力求把流程清楚展示,其他的可简则简。

 

程序效果:用线程画一个蓝色的长方形。

package com.ray.test;
/*
 * SurfaceView的示例程序
 * 演示其流程
 */
import android.app.Activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.os.Bundle;
import android.view.SurfaceHolder;
import android.view.SurfaceView;

public class Test extends Activity {
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(new MyView(this));
    }
    
    //内部类
    class MyView extends SurfaceView implements SurfaceHolder.Callback{

    	SurfaceHolder holder;
		public MyView(Context context) {
			super(context);
			holder = this.getHolder();//获取holder
			holder.addCallback(this);
			//setFocusable(true);
			
		}

		@Override
		public void surfaceChanged(SurfaceHolder holder, int format, int width,
				int height) {
			
		}

		@Override
		public void surfaceCreated(SurfaceHolder holder) {
			new Thread(new MyThread()).start();
		}

		@Override
		public void surfaceDestroyed(SurfaceHolder holder) {
			
		}
		
		//内部类的内部类
		class MyThread implements Runnable{

			@Override
			public void run() {
				Canvas canvas = holder.lockCanvas(null);//获取画布
				Paint mPaint = new Paint();
				mPaint.setColor(Color.BLUE);
				
				canvas.drawRect(new RectF(40,60,80,80), mPaint);
				holder.unlockCanvasAndPost(canvas);//解锁画布,提交画好的图像
				
			}
			
		}
    	
    }
}

 

分享到:
评论
14 楼 liangxping 2013-09-03  
就是双缓存机制而已。
13 楼 bq49 2010-06-29  
raymondlueng 写道
ansili 写道
那如果我想在上次画的基础上接着画呢?。
  也就是说我第一次在surfaceview 画了一个方块,再次接到用户的动作时在上次所画结果上接着在surfaceview 再画一个方块.此时surfaceview 上已经存在两个方块了。
   surfaceview  能否胜任? 需要怎么做?

如果要保留当前的接着画,SurfaceView是无法做到的!


=============应该是可以的!SurfaceView绘制无非也就是用的Canvas,只要获得了这个Canvas就可以画了!这个效果应该就是差不多的例子吧!
http://sean.huanglijiang.com/article.asp?id=227
12 楼 nsm1168 2009-12-16  
可以看看这里的介绍 如何在surfaceview里实现有停頓的計時性繪圖!
http://android.tgbus.com/Android/tutorial/200812/171431.shtml
11 楼 brumby007 2009-10-21  
期待答案中……,同样顶一个
10 楼 jjcang 2009-10-21  
这个不错,顶一个
9 楼 brumby007 2009-10-11  
谢谢楼上大哥的回复,可是不知道为什么在lunarlander里面是这样实现的,也没有做sleep,我看logcat打出来的东西是一直在狂刷的:
        public void run() {
            while (mRun) {
                Canvas c = null;
                try {
                    c = mSurfaceHolder.lockCanvas(null);
                    synchronized (mSurfaceHolder) {
                        if (mMode == STATE_RUNNING) updatePhysics();
                        Log.d("test", ">>>>>>>>>>>>dodraw");
                        doDraw(c);
                    }
                } finally {
                    // do this in a finally so that if an exception is thrown
                    // during the above, we don't leave the Surface in an
                    // inconsistent state
                    if (c != null) {
                        mSurfaceHolder.unlockCanvasAndPost(c);
                    }
                }
            }
        }

而且如果我用sleep的话,物体移动会有明显卡住的感觉。不知道是怎么回事?
小弟初学,还请赐教
8 楼 vlinux 2009-10-11  
brumby007 写道
我明白了,更新画面时不用sleep,看LunarLander的例子里更新UI的线程也是一直狂跑的,占满了一个CPU


你错了,如果你不sleep而狂刷,你会发现不仅你的短信、电话等后台程序工作缓慢,而且你还能看到如下的警告信息

引用
10-11 13:20:01.534: WARN/SurfaceComposerClient(1938): lock_layer timed out (is the CPU pegged?) layer=1, lcblk=0x424d00a0, state=00000011 (was 00000012)
10-11 13:20:01.534: WARN/SurfaceFlinger(99): executeScheduledBroadcasts() skipped, contention on the client. We'll try again later...
10-11 13:20:01.534: WARN/SurfaceComposerClient(1938): lock_layer() timed out but didn't appear to need to be locked and we recovered (layer=1, lcblk=0x424d00a0, state=00000001)


所以,在lock之外sleep是非常必要滴
7 楼 brumby007 2009-10-11  
我明白了,更新画面时不用sleep,看LunarLander的例子里更新UI的线程也是一直狂跑的,占满了一个CPU
6 楼 brumby007 2009-09-22  
<div class="quote_title">raymondlueng 写道</div>
<div class="quote_div">
<p>SurfaceView在游戏开发中有着举足轻重的地位,它对于画面的控制有着更大的自由度(<a title="利用Handler来更新Android UI" href="/blog/411860" target="_blank">不像View要用handler来更新,关于View的</a>),但这方面的参考资料并不是太多,能找到的例子都有点喧宾夺主的感觉,不能把使用的流程清晰展示出来,下面是个简单的示例,力求把流程清楚展示,其他的可简则简。</p>
<p> </p>
<p>程序效果:用线程画一个蓝色的长方形。</p>
<pre name="code" class="java">package com.ray.test;
/*
* SurfaceView的示例程序
* 演示其流程
*/
import android.app.Activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.os.Bundle;
import android.view.SurfaceHolder;
import android.view.SurfaceView;

public class Test extends Activity {
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(new MyView(this));
    }
   
    //内部类
    class MyView extends SurfaceView implements SurfaceHolder.Callback{

    SurfaceHolder holder;
public MyView(Context context) {
super(context);
holder = this.getHolder();//获取holder
holder.addCallback(this);
//setFocusable(true);

}

@Override
public void surfaceChanged(SurfaceHolder holder, int format, int width,
int height) {

}

@Override
public void surfaceCreated(SurfaceHolder holder) {
new Thread(new MyThread()).start();
}

@Override
public void surfaceDestroyed(SurfaceHolder holder) {

}

//内部类的内部类
class MyThread implements Runnable{

@Override
public void run() {
Canvas canvas = holder.lockCanvas(null);//获取画布
Paint mPaint = new Paint();
mPaint.setColor(Color.BLUE);

canvas.drawRect(new RectF(40,60,80,80), mPaint);
holder.unlockCanvasAndPost(canvas);//解锁画布,提交画好的图像

}

}
   
    }
}</pre>
<p> </p>
</div>
<p>根据楼主的demo我也写了个小小的demo,可就是物体移动的时候比较慢,不知道是为什么?</p>
<pre name="code" class="java">package com.mcgk.paopao;

import android.app.Activity;
import android.content.Context;
import android.content.res.Resources;
import android.graphics.Canvas;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.SurfaceHolder;
import android.view.SurfaceView;

import com.mcgk.paopao.Paopao.MyView.MyThread;
import com.mcgk.util.BackgroundUtil;

public class Paopao extends Activity {
private MyThread mythread;
private static boolean drawFlag = false;
private static int x = 14;
private static int y = 20;

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(new MyView(this));
}

class MyView extends SurfaceView implements SurfaceHolder.Callback {

SurfaceHolder holder;

public MyView(Context context) {
super(context);
holder = this.getHolder();// 获取holder
holder.addCallback(this);
setFocusable(true);

}

@Override
protected void onDraw(Canvas canvas) {
// TODO Auto-generated method stub
super.onDraw(canvas);
Resources r = this.getContext().getResources();
BackgroundUtil.drawBackground(r, canvas);
BackgroundUtil.drawTree(r, canvas, x, y);
drawFlag = true;
}

@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
// TODO Auto-generated method stub
return mythread.onKeyDown(keyCode, event);
}

@Override
public boolean onKeyUp(int keyCode, KeyEvent event) {
// TODO Auto-generated method stub
return mythread.onKeyUp(keyCode, event);
}

@Override
public void surfaceChanged(SurfaceHolder holder, int format, int width,
int height) {

}

@Override
public void surfaceCreated(SurfaceHolder holder) {
mythread = new MyThread(holder, this);
new Thread(mythread).start();
}

@Override
public void surfaceDestroyed(SurfaceHolder holder) {

}

class MyThread implements Runnable {
private SurfaceHolder holder;
private MyView _panel; 
public MyThread(SurfaceHolder holder, MyView panel) {
this.holder = holder;
this._panel = panel;
}

public boolean onKeyUp(int keyCode, KeyEvent event) {
// TODO Auto-generated method stub
return false;
}

public boolean onKeyDown(int keyCode, KeyEvent event) {
// TODO Auto-generated method stub
synchronized (holder) {
if (keyCode == KeyEvent.KEYCODE_DPAD_UP){
y = y - 30;
}else if (keyCode == KeyEvent.KEYCODE_DPAD_DOWN){
y = y + 30;
}else if (keyCode == KeyEvent.KEYCODE_DPAD_LEFT){
x = x - 30;
}else if (keyCode == KeyEvent.KEYCODE_DPAD_RIGHT){
x = x + 30;
}
}
drawFlag = false;
return false;
}

@Override
public void run() {
Canvas c;
while (true) {
c = null;
if(drawFlag){
try {
Thread.sleep(1);
} catch (InterruptedException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
continue;
}
try {
c = holder.lockCanvas(null);
synchronized (holder) {
_panel.onDraw(c);
}
} finally {
if (c != null) {
holder.unlockCanvasAndPost(c);
}
}

}

}

}
}</pre>
 
5 楼 christensen 2009-09-20  
每次画2个方块
4 楼 raymondlueng 2009-09-18  
ansili 写道
那如果我想在上次画的基础上接着画呢?。
  也就是说我第一次在surfaceview 画了一个方块,再次接到用户的动作时在上次所画结果上接着在surfaceview 再画一个方块.此时surfaceview 上已经存在两个方块了。
   surfaceview  能否胜任? 需要怎么做?

如果要保留当前的接着画,SurfaceView是无法做到的!
3 楼 ansili 2009-09-18  
那如果我想在上次画的基础上接着画呢?。
  也就是说我第一次在surfaceview 画了一个方块,再次接到用户的动作时在上次所画结果上接着在surfaceview 再画一个方块.此时surfaceview 上已经存在两个方块了。
   surfaceview  能否胜任? 需要怎么做?
2 楼 raymondlueng 2009-09-18  
ansili 写道
在用SurfaceView时遇到问题请指点.
每次把画当前正方形时,把上次的清除掉,现在显示很乱画图代码如下
  
	public void selectSmallPicture(Point _origialPoint)
	{
		
		if(_origialPoint == null)
		{
			return ;
		}
		
		Canvas canvas = holder.lockCanvas();// 获取画布
		
		int startX =  _origialPoint.x * (PICTURE_EXTENT + CUBICLE) - 1;
		int startY =  _origialPoint.y * (PICTURE_EXTENT + CUBICLE) - 1;
		//canvas.save();
		
		Paint linePaint = new Paint();
		linePaint.setColor(Color.RED);
		canvas.drawLine(startX, startY,  startX , startY + PICTURE_EXTENT, linePaint);
		canvas.drawLine(startX, startY,  startX + PICTURE_EXTENT, startY , linePaint);
		canvas.drawLine(startX+ PICTURE_EXTENT, startY,  startX + PICTURE_EXTENT, startY + PICTURE_EXTENT, linePaint);
		canvas.drawLine(startX, startY + PICTURE_EXTENT,  startX + PICTURE_EXTENT, startY + PICTURE_EXTENT, linePaint);
		
		if(tempPoint!=null)
		{
			startX =  tempPoint.x * (PICTURE_EXTENT + CUBICLE) - 1;
			startY =  tempPoint.y * (PICTURE_EXTENT + CUBICLE) - 1;
			linePaint.setColor(bgcolor);
			canvas.drawLine(startX, startY,  startX , startY + PICTURE_EXTENT, linePaint);
			canvas.drawLine(startX, startY,  startX + PICTURE_EXTENT, startY , linePaint);
			canvas.drawLine(startX+ PICTURE_EXTENT, startY,  startX + PICTURE_EXTENT, startY + PICTURE_EXTENT, linePaint);
			canvas.drawLine(startX, startY + PICTURE_EXTENT,  startX + PICTURE_EXTENT, startY + PICTURE_EXTENT, linePaint);
		}
		

		canvas.restore();
		holder.unlockCanvasAndPost(canvas);// 解锁画布,提交画好的图像
		tempPoint  = _origialPoint;
	}





Android surfaceview 的画图机制是这样设计的,只能画一次背景,再画你想画的才可以!
1 楼 ansili 2009-09-18  
在用SurfaceView时遇到问题请指点.
每次把画当前正方形时,把上次的清除掉,现在显示很乱画图代码如下
  
	public void selectSmallPicture(Point _origialPoint)
	{
		
		if(_origialPoint == null)
		{
			return ;
		}
		
		Canvas canvas = holder.lockCanvas();// 获取画布
		
		int startX =  _origialPoint.x * (PICTURE_EXTENT + CUBICLE) - 1;
		int startY =  _origialPoint.y * (PICTURE_EXTENT + CUBICLE) - 1;
		//canvas.save();
		
		Paint linePaint = new Paint();
		linePaint.setColor(Color.RED);
		canvas.drawLine(startX, startY,  startX , startY + PICTURE_EXTENT, linePaint);
		canvas.drawLine(startX, startY,  startX + PICTURE_EXTENT, startY , linePaint);
		canvas.drawLine(startX+ PICTURE_EXTENT, startY,  startX + PICTURE_EXTENT, startY + PICTURE_EXTENT, linePaint);
		canvas.drawLine(startX, startY + PICTURE_EXTENT,  startX + PICTURE_EXTENT, startY + PICTURE_EXTENT, linePaint);
		
		if(tempPoint!=null)
		{
			startX =  tempPoint.x * (PICTURE_EXTENT + CUBICLE) - 1;
			startY =  tempPoint.y * (PICTURE_EXTENT + CUBICLE) - 1;
			linePaint.setColor(bgcolor);
			canvas.drawLine(startX, startY,  startX , startY + PICTURE_EXTENT, linePaint);
			canvas.drawLine(startX, startY,  startX + PICTURE_EXTENT, startY , linePaint);
			canvas.drawLine(startX+ PICTURE_EXTENT, startY,  startX + PICTURE_EXTENT, startY + PICTURE_EXTENT, linePaint);
			canvas.drawLine(startX, startY + PICTURE_EXTENT,  startX + PICTURE_EXTENT, startY + PICTURE_EXTENT, linePaint);
		}
		

		canvas.restore();
		holder.unlockCanvasAndPost(canvas);// 解锁画布,提交画好的图像
		tempPoint  = _origialPoint;
	}




相关推荐

Global site tag (gtag.js) - Google Analytics