SurfaceView使用方法简介-来自网络

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

SurfaceView由于可以直接从内存或者DMA等硬件接口取得图像数据，因此是个非常重要的绘图容器，这次我就用两篇文章来介绍SurfaceView的用法。网上介绍SurfaceView的用法有很多，写法也层出不同，例如继承SurfaceView类，或者继承SurfaceHolder.Callback类等，这个可以根据功能实际需要自己选择，我这里就直接在普通的用户界面调用 SurfaceHolder的lockCanvas和unlockCanvasAndPost。

先来看看程序运行的截图：

截图1主要演示了直接把正弦波绘画在SurfaceView上

对比上面的左右两图，右图用.lockCanvas(null)，而左图用.lockCanvas(new Rect(oldX, 0, oldX + length,
getWindowManager().getDefaultDisplay().getHeight()))，对比一下两个效果，由于左图是按指定Rect绘画，所以效率会比右图的全控件绘画高些，并且在清屏之后 (canvas.drawColor(Color.BLACK))不会留有上次绘画的残留。

接下来贴出main.xml的源码:

view plain copy to clipboard print ?

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

接下来贴出程序源码：

view plain copy to clipboard print ?

package com.testSurfaceView;
import java.util.Timer;
import java.util.TimerTask;
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.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 btnSimpleDraw, btnTimerDraw;
SurfaceView sfv;
SurfaceHolder sfh;
private Timer mTimer;
private MyTimerTask mTimerTask;
int Y_axis[], //保存正弦波的Y轴上的点
centerY,//中心线
oldX,oldY,//上一个XY点
currentX;//当前绘制到的X轴上的点
@Override
public void onCreate(Bundle savedInstanceState) {
super .onCreate(savedInstanceState);
setContentView(R.layout.main);
btnSimpleDraw = (Button) this .findViewById(R.id.Button01);
btnTimerDraw = (Button) this .findViewById(R.id.Button02);
btnSimpleDraw.setOnClickListener(new ClickEvent());
btnTimerDraw.setOnClickListener(new ClickEvent());
sfv = (SurfaceView) this .findViewById(R.id.SurfaceView01);
sfh = sfv.getHolder();
//动态绘制正弦波的定时器
mTimer = new Timer();
mTimerTask = new MyTimerTask();
// 初始化y轴数据
centerY = (getWindowManager().getDefaultDisplay().getHeight() - sfv
.getTop()) / 2 ;
Y_axis = new int [getWindowManager().getDefaultDisplay().getWidth()];
for ( int i = 1 ; i < Y_axis.length; i++) { // 计算正弦波
Y_axis[i - 1 ] = centerY
- (int ) ( 100 * Math.sin(i * 2 * Math.PI / 180 ));
}
}
class ClickEvent implements View.OnClickListener {
@Override
public void onClick(View v) {
if (v == btnSimpleDraw) {
SimpleDraw(Y_axis.length-1 ); //直接绘制正弦波
} else if (v == btnTimerDraw) {
oldY = centerY;
mTimer.schedule(mTimerTask, 0 , 5 ); //动态绘制正弦波
}
}
}
class MyTimerTask extends TimerTask {
@Override
public void run() {
SimpleDraw(currentX);
currentX++;//往前进
if (currentX == Y_axis.length - 1 ) { //如果到了终点，则清屏重来
ClearDraw();
currentX = 0 ;
oldY = centerY;
}
}
}
/*
* 绘制指定区域
*/
void SimpleDraw( int length) {
if (length == 0 )
oldX = 0 ;
Canvas canvas = sfh.lockCanvas(new Rect(oldX, 0 , oldX + length,
getWindowManager().getDefaultDisplay().getHeight()));// 关键:获取画布
Log.i("Canvas:" ,
String.valueOf(oldX) + "," + String.valueOf(oldX + length));
Paint mPaint = new Paint();
mPaint.setColor(Color.GREEN);// 画笔为绿色
mPaint.setStrokeWidth(2 ); // 设置画笔粗细
int y;
for ( int i = oldX + 1 ; i < length; i++) { // 绘画正弦波
y = Y_axis[i - 1 ];
canvas.drawLine(oldX, oldY, i, y, mPaint);
oldX = i;
oldY = y;
}
sfh.unlockCanvasAndPost(canvas);// 解锁画布，提交画好的图像
}
void ClearDraw() {
Canvas canvas = sfh.lockCanvas(null );
canvas.drawColor(Color.BLACK);// 清除画布
sfh.unlockCanvasAndPost(canvas);
}
}

注意一下 for (int i = oldX + 1; i < length; i++) {// 绘画正弦波这句，在.lockCanvas()指定Rect内减少循环画线的次数，可以提高绘图效率。

上一篇简单介绍了SurfaceView的基本使用，这次就介绍SurfaceView与多线程的混搭。SurfaceView与多线程混搭，是为了防止动画闪烁而实现的一种多线程应用。android的多线程用法与JAVA的多线程用法完全一样，本文不做多线程方面的介绍了。直接讲解SurfaceView与多线程的混合使用，即开一条线程专门读取图片，另外一条线程专门绘图。

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

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

main.xml的源码：

view plain copy to clipboard print ?

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

本文程序的源码：

view plain copy to clipboard print ?

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 ;
}
}
};
}

要创建一个新的SurfaceView，需要创建一个新的扩展了SurfaceView的类，并实现SurfaceHolder.Callback。

SurfaceHolder回调可以在底层的Surface被创建和销毁的时候通知View，并传递给它对SurfaceHolder对象的引用，其中包含了当前有效的Surface。

一个典型的Surface View设计模型包括一个由Thread所派生的类，它可以接收对当前的SurfaceHolder的引用，并独立地更新它。

下面的框架代码展示了使用Canvas所绘制的Surface View的实现。在Surface View控件中创建了一个新的由Thread派生的类，并且所有的UI更新都是在这个新类中处理的。

import android.content.Context;
import android.graphics.Canvas;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
public class MySurfaceView extends SurfaceView implements SurfaceHolder. Callback {
private SurfaceHolder holder;
private MySurfaceViewThread mySurfaceViewThread;
private boolean hasSurface;
MySurfaceView(Context context) {
super(context);
init();
}
private void init() {
//创建一个新的SurfaceHolder，并分配这个类作为它的回调(callback)
holder = getHolder ();
holder.addCallback(this);
hasSurface = false ;
}
public void resume() {
//创建和启动图像更新线程
if ( mySurfaceViewThread == null) {
mySurfaceViewThread = new MySurfaceViewThread();
if ( hasSurface == true)
mySurfaceViewThread.start();
}
}
public void pause() {
// 杀死图像更新线程
if (mySurfaceViewThread != null) {
mySurfaceViewThread.requestExitAndWait();
mySurfaceViewThread = null ;
}
}
public void surfaceCreated(SurfaceHolder holder) {
hasSurface = true ;
if (mySurfaceViewThread != null)
mySurfaceViewThread.start();
}
public void surfaceDestroyed(SurfaceHolder holder) {
hasSurface = false ;
pause();
}
public void surfaceChanged(SurfaceHolder holder,int format,int w,int h) {
if (mySurfaceViewThread != null)
mySurfaceViewThread.onWindowResize(w, h);
}
class MySurfaceViewThread extends Thread {
private boolean done;
MySurfaceViewThread() {
super();
done = false ;
}
@Override
public void run() {
SurfaceHolder surfaceHolder = holder ;
// 重复绘图循环，直到线程停止
while (!done) {
// 锁定surface，并返回到要绘图的Canvas
Canvas canvas = surfaceHolder .lockCanvas();
// 待实现：在Canvas上绘图
// 解锁Canvas，并渲染当前图像
surfaceHolder.unlockCanvasAndPost(canvas);
}
}
public void requestExitAndWait() {
// 把这个线程标记为完成，并合并到主程序线程
done = true ;
try {
join();
} catch (InterruptedException ex) { }
}
public void onWindowResize(int w, int h) {
// 处理可用的屏幕尺寸的改变
}
}
}

SurfaceView使用方法简介-来自网络相关推荐

Linux用户认证方法简介
Linux用户认证方法简介当今IT环境中,任何计算机系统都要充分考虑设计.使用和运行过程中的安全性.所以在目前主流操作系统的各个环节当中都增加了很多安全方面的功能和特性,而在众多的安全特性和功能中有 ...
华为徐文伟：用数学和系统工程方法推进未来网络研究
来源:华为在2021第五届未来网络发展大会上,来自产业界.学术界.研究机构等领域的专家.行业领袖,围绕网络操作系统.6G通信.网络安全.工业互联网等热点话题,共同探讨新型网络技术的攻关与变革.华为董 ...
4种方法可以缓解网络瓶颈
在解决网络瓶颈问题时,网络专业人员通常依赖于有限的技术:增加链路吞吐量,配置端口通道或集成服务质量(QoS).虽然这些仍然是有效的方法,但网络工程师在2018年还有一些额外的技巧.这里有四种现代方式, ...
验证Xcode真伪的方法，来自苹果官网
验证Xcode真伪的方法,来自苹果官网 Xcode的验证你的版本 2015年9月22日注意:中文为有道翻译,看下验证方法即可. 我们最近将应用程序从应用程序商店,还建有Xcode的假冒版本有可能对 ...
关于blog [转贴]来自网络
关于blog [转贴]来自网络 BLOG更是借助新技术将信息共享无限延伸,那么有两个概念就是不能不提的.这其中包括RSS和TrackBack. RSS 简单来说, RSS是一种技术规范的简称, R ...
几种常用的差异分析方法简介
几种常用的差异分析方法简介如今在生物学研究中,差异分析越来越普遍,也有许多做差异分析的方法可供选择.但是在实际应用中,大多数人不知道该使用哪种方法来处理自己的数据,所以今天我就来介绍下目前几种常用的 ...
数据库之Oracle笔试面试题收集（来自网络）
数据库之Oracle笔试面试题收集(来自网络) 问题: 1.解释冷备份和热备份的不同点及各自的优点? 2.解释归档和非归档模式之间的不同和它们各自的优缺点? ********************* ...
三维重建技术（2）各种方法简介
转自:三维重建技术各种方法简介, G换一种活法这个博主也是转载的,可是来源不可查,所以暂把来源写为这个博主的博客三维重建技术通过深度数据获取.预处理.点云配准与融合.生成表面等过程,把真实场景刻 ...
舆情监测系统功能简介，网络舆情监测系统平台有哪些?
一般来说,互联网舆情监测服务平台具有及时.全面.准确的特点,对维护社会稳定发展具有重要的现实意义.那么,哪些TOOM舆情监测小编带您了解舆情监测系统功能简介,网络舆情监测系统平台有哪些? 一.什么是舆 ...

SurfaceView使用方法简介-来自网络

SurfaceView使用方法简介-来自网络相关推荐

最新文章

热门文章