当前访客身份:游客 [ 登录 | 加入开源中国 ]

代码分享

当前位置:
代码分享 » Java  » 手机App开发
分享到: 
收藏 +0
1
双缓冲是为了防止动画闪烁而实现的一种多线程应用,基于SurfaceView的双缓冲实现很简单,开一条线程并在其中绘图即可。本文介绍基于SurfaceView的双缓冲实现,以及介绍类似的更高效的实现方法。

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

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

代码片段(3) [全屏查看所有代码]

1. [图片] 程序运行截图    

2. [代码]main.xml     跳至 [2] [3] [全屏预览]

<?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">

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

3. [代码]TestSurfaceView.java     跳至 [2] [3] [全屏预览]

package com.testSurfaceView;

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

public class TestSurfaceView extends Activity {
	/** Called when the activity is first created. */
	Button btnSingleThread, btnDoubleThread;
	SurfaceView sfv;
	SurfaceHolder sfh;
	ArrayList<Integer> imgList = new ArrayList<Integer>();
	int imgWidth, imgHeight;
	Bitmap bitmap;//独立线程读取,独立线程绘图

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

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

	class ClickEvent implements View.OnClickListener {

		@Override
		public void onClick(View v) {

			if (v == btnSingleThread) {
				new Load_DrawImage(0, 0).start();//开一条线程读取并绘图
			} else if (v == btnDoubleThread) {
				new LoadImage().start();//开一条线程读取
				new DrawImage(imgWidth + 10, 0).start();//开一条线程绘图
			}

		}

	}

	class MyCallBack implements SurfaceHolder.Callback {

		@Override
		public void surfaceChanged(SurfaceHolder holder, int format, int width,
				int height) {
			Log.i("Surface:", "Change");

		}

		@Override
		public void surfaceCreated(SurfaceHolder holder) {
			Log.i("Surface:", "Create");

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

		@Override
		public void surfaceDestroyed(SurfaceHolder holder) {
			Log.i("Surface:", "Destroy");

		}

	}

	/**
	 * 读取并显示图片的线程
	 */
	class Load_DrawImage extends Thread {
		int x, y;
		int imgIndex = 0;

		public Load_DrawImage(int x, int y) {
			this.x = x;
			this.y = y;
		}

		public void run() {
			while (true) {
				Canvas c = sfh.lockCanvas(new Rect(this.x, this.y, this.x
						+ imgWidth, this.y + imgHeight));
				Bitmap bmImg = BitmapFactory.decodeResource(getResources(),
						imgList.get(imgIndex));
				c.drawBitmap(bmImg, this.x, this.y, new Paint());
				imgIndex++;
				if (imgIndex == imgList.size())
					imgIndex = 0;

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

	/**
	 * 只负责绘图的线程
	 */
	class DrawImage extends Thread {
		int x, y;

		public DrawImage(int x, int y) {
			this.x = x;
			this.y = y;
		}

		public void run() {
			while (true) {
				if (bitmap != null) {//如果图像有效
					Canvas c = sfh.lockCanvas(new Rect(this.x, this.y, this.x
							+ imgWidth, this.y + imgHeight));

					c.drawBitmap(bitmap, this.x, this.y, new Paint());

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

	/**
	 * 只负责读取图片的线程
	 */
	class LoadImage extends Thread {
		int imgIndex = 0;

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


开源中国-程序员在线工具:Git代码托管 API文档大全(120+) JS在线编辑演示 二维码 更多»

发表评论 回到顶部 网友评论(14)

  • 1楼:guo20051 发表于 2011-03-03 12:13 回复此评论
    能否在实现全屏FLASH播放?
  • 2楼:子旺 发表于 2011-12-28 16:39 回复此评论
    有没有可能预处理线程  处理了几张图片,但是画图的线程还在画第一张那样的 情况呢
  • 3楼:snowdream 发表于 2012-01-11 17:55 回复此评论
    受益匪浅,感谢分享。

    有几个问题想咨询楼主:
    1、LoadImage函数中bitmap = BitmapFactory.decodeResource(getResources(),imgList.get(imgIndex));
    bitmap应该是申请内存了吧。是否需要释放,在哪里释放?

    2、LoadImage和DrawImage函数时两个独立的线程,两者共有资源是bitmap。会不会出现这种情况:
    LoadImage正在画bitmap,而DrawImage也正在帖DrawImage?
    要不要用synchronized对bitmap进行处理呢?

    3、如楼上所说,会不会出现LoadImage已经处理了好几张图片,而DrawImage才画其中一张,造成有图片丢失,没画出来呢?
  • 4楼:单链DNA 发表于 2012-02-17 14:23 回复此评论
    由于是共用同一组图片,这样对比应该不准确吧。

  • 5楼:dclchj 发表于 2012-02-18 09:29 回复此评论
    谢谢分享!以上问题确实需要考虑,不过LZ本文目的为了说明双缓冲的应用,所以我觉得尽量简单是合理的。
  • 6楼:OrionBox 发表于 2012-07-22 11:28 回复此评论
    问下,如何截取动态图片??
  • 7楼:沈在宏 发表于 2012-11-13 15:32 回复此评论

    求demo  大侠  875243348@qq.com

  • 8楼:南寒之星 发表于 2012-12-19 17:29 回复此评论
    把工程也发出了吧
  • 9楼:张师傅 发表于 2013-01-31 16:26 回复此评论
    工程源码我共享了http://qiannao.com/file/anglish/0d045c88/

  • 10楼:邱胜 发表于 2013-02-26 18:00 回复此评论
    感谢分享啊,哈哈
  • 11楼:那都不是事児 发表于 2013-04-10 09:36 回复此评论
    谢谢分享,受益匪浅
  • 12楼:icanfly 发表于 2013-05-03 14:27 回复此评论

    引用来自“子旺”的评论

    有没有可能预处理线程  处理了几张图片,但是画图的线程还在画第一张那样的 情况呢
    我觉得完全有可能的,我看了楼主的代码,发现BitMap bitmap是在两个线程中共用的,楼主没有注意线程安全问题。
  • 13楼:侯冠文 发表于 2013-05-14 11:15 回复此评论
    您好,这行代码 if(imgIndex == imgList.size())出现错误提示,提示是:没有为类型Field定义方法size()。
    请问怎么解决?
  • 14楼:小ping 发表于 2015-06-30 18:52 回复此评论
    坑爹的 报错了
开源从代码分享开始 分享代码