2018-03-05 SurfaceView之镜中初窥

1.什么是SurfaceView?
Surface意为表层、表面,顾名思义SurfaceView就是指一个在表层的View对象。为什么说是在表层呢,这是因为它有点特殊跟其他View不一样,其他View是绘制在“表层”的上面,而它就是充当“表层”本身。SDK的文档 说到:SurfaceView就是在窗口上挖一个洞,它就是显示在这个洞里,其他的View是显示在窗口上,所以View可以显式在 SurfaceView之上,你也可以添加一些层在SurfaceView之上。 从API中可以看出SurfaceView属于View的子类 它是专门为制作游戏而产生的,它的功能非常强大,最重要的是它支持OpenGL ES库,2D和3D的效果都可以实现。创建SurfaceView的时候需要实现SurfaceHolder.Callback接口,它可以用来监听SurfaceView的状态,比如:SurfaceView的改变 、SurfaceView的创建 、SurfaceView 销毁等,我们可以在相应的方法中做一些比如初始化的操作或者清空的操作等等。

Android系统提供了View进行绘图处理,我们通过自定义的View可以满足大部分的绘图需求,但是这有个问题就是我们通常自定义的View是用于主动更新情况的,用户无法控制其绘制的速度,由于View是通过invalidate方法通知系统去调用view.onDraw方法进行重绘,而Android系统是通过发出VSYNC信号来进行屏幕的重绘,刷新的时间是16ms,如果在16ms内View完成不了执行的操作,用户就会看着卡顿,比如当draw方法里执行的逻辑过多,需要频繁刷新的界面上,例如游戏界面,那么就会不断的阻塞主线程,从而导致画面卡顿。而SurfaceView相当于是另一个绘图线程,它是不会阻碍主线程,并且它在底层实现机制中实现了双缓冲机制。

2.如何使用SurfaceView?

首先SurfaceView也是一个View,它也有自己的生命周期。因为它需要另外一个线程来执行绘制操作,所以我们可以在它生命周期的初始化阶 段开辟一个新线程,然后开始执行绘制,当生命周期的结束阶段我们插入结束绘制线程的操作。这些是由其内部一个SurfaceHolder对象完成的。

SurfaceView它的绘制原理是绘制前先锁定画布(获取画布),然后等都绘制结束以后在对画布进行解锁 ,最后在把画布内容显示到屏幕上。

通常情况下,使用以下步骤来创建一个SurfaceView的模板:

(1)创建SurfaceView

创建自定义的SurfaceView继承自SurfaceView,并实现两个接口:SurfaceHolder.Callback和Runnable.代码如下:

public class MySurfaceView extends SurfaceView implements SurfaceHolder.Callback,Runnable  

通过实现这两个接口,就需要在自定义的SurfaceView中实现接口的方法,对于SurfaceHolder.Callback方法,需要实现如下方法,其实就是SurfaceView的生命周期:

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

对于Runnable接口,需要实现run()方法,

 @Override  
    public void run() {  
    } 

(2)初始化SurfaceView

在自定义的MySurfaceView的构造方法中,需要对SurfaceView进行初始化,包括SurfaceHolder的初始化、画笔的初始化等。在自定义的SurfaceView中,通常需要定义以下三个成员变量:

private SurfaceHolder mHolder;  
private Canvas mCanvas;//绘图的画布  
private boolean mIsDrawing;//控制绘画线程的标志位  

SurfaceHolder,顾名思义,它里面保存了一个对Surface对象的引用,而我们执行绘制方法本质上就是操控Surface。SurfaceHolder因为保存了对Surface的引用,所以使用它来处理Surface的生命周期。(说到底 SurfaceView的生命周期其实就是Surface的生命周期)例如使用 SurfaceHolder来处理生命周期的初始化。

初始化代码如下:

public MySurfaceView(Context context, AttributeSet attrs) {  
       super(context, attrs);  
       initView();  
   }  
  
   public MySurfaceView(Context context, AttributeSet attrs, int defStyleAttr) {  
       super(context, attrs, defStyleAttr);  
       initView();  
   }  
  
   public MySurfaceView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {  
       super(context, attrs, defStyleAttr);  
   }  
  
   private void initView() {  
       mHolder = getHolder();//获取SurfaceHolder对象  
       mHolder.addCallback(this);//注册SurfaceHolder的回调方法  
       setFocusable(true);  
       setFocusableInTouchMode(true);  
       this.setKeepScreenOn(true);  
   }  

(3)使用SurfaceView

通过SurfaceHolder对象的lockCanvans()方法,我们可以获取当前的Canvas绘图对象。接下来的操作就和自定义View中的绘图操作一样了。需要注意的是这里获取到的Canvas对象还是继续上次的Canvas对象,而不是一个新的对象。因此,之前的绘图操作都会被保留,如果需要擦除,则可以在绘制前,通过drawColor()方法来进行清屏操作。

绘制的时候,在surfaceCreated()方法中开启子线程进行绘制,而子线程使用一个while(mIsDrawing)的循环来不停的进行绘制,在绘制的逻辑中通过lockCanvas()方法获取Canvas对象进行绘制,通过unlockCanvasAndPost(mCanvas)方法对画布内容进行提交。整体代码模板如下:

import android.content.Context;  
import android.graphics.Canvas;  
import android.util.AttributeSet;  
import android.view.SurfaceHolder;  
import android.view.SurfaceView;  
  
public class MySurfaceView  extends SurfaceView  
        implements SurfaceHolder.Callback, Runnable {  
  
    // SurfaceHolder  
    private SurfaceHolder mHolder;  
    // 用于绘图的Canvas  
    private Canvas mCanvas;  
    // 子线程标志位  
    private boolean mIsDrawing;  
  
    public MySurfaceView(Context context) {  
        super(context);  
        initView();  
    }  
  
    public MySurfaceView(Context context, AttributeSet attrs) {  
        super(context, attrs);  
        initView();  
    }  
  
    public MySurfaceView(Context context, AttributeSet attrs, int defStyle) {  
        super(context, attrs, defStyle);  
        initView();  
    }  
  
    private void initView() {  
        mHolder = getHolder();  
        mHolder.addCallback(this);  
        setFocusable(true);  
        setFocusableInTouchMode(true);  
        this.setKeepScreenOn(true);  
        //mHolder.setFormat(PixelFormat.OPAQUE);  
    }  
  
    @Override  
    public void surfaceCreated(SurfaceHolder holder) {  
        mIsDrawing = true;  
        new Thread(this).start();  
    }  
  
    @Override  
    public void surfaceChanged(SurfaceHolder holder,  
                               int format, int width, int height) {  
    }  
  
    @Override  
    public void surfaceDestroyed(SurfaceHolder holder) {  
        mIsDrawing = false;  
    }  
  
    @Override  
    public void run() {  
        while (mIsDrawing) {  
            draw();  
        }  
    }  
    //绘图操作  
    private void draw() {  
        try {  
            mCanvas = mHolder.lockCanvas();  
            // draw sth绘制过程  
        } catch (Exception e) {  
        } finally {  
            if (mCanvas != null)  
                mHolder.unlockCanvasAndPost(mCanvas);//保证每次都将绘图的内容提交  
        }  
    }  
}  

这里说一个优化的地方,这就是在run方法中。

在我们的draw()方法每一次更新所耗费的时间是不确定的。举个例子 比如第一次循环draw() 耗费了1000毫秒 ,第二次循环draw() 耗时2000毫秒。很明显这样就会造成运行刷新时间时快时慢,可能出现卡顿现象。为此最好保证每次刷新的时间是相同的,这样可以保证整体画面过渡流畅。

/**每30帧刷新一次屏幕**/  
       public static final int TIME_IN_FRAME = 30;  
@Override  
public void run() {  
    while (mIsRunning) {  
  
    /**取得更新之前的时间**/  
    long startTime = System.currentTimeMillis();  
  
    /**在这里加上线程安全锁**/  
    synchronized (mSurfaceHolder) {  
        /**拿到当前画布 然后锁定**/  
        mCanvas =mSurfaceHolder.lockCanvas();  
        draw();  
        /**绘制结束后解锁显示在屏幕上**/  
        mSurfaceHolder.unlockCanvasAndPost(mCanvas);  
    }  
  
    /**取得更新结束的时间**/  
    long endTime = System.currentTimeMillis();  
  
    /**计算出一次更新的毫秒数**/  
    int diffTime  = (int)(endTime - startTime);  
  
    /**确保每次更新时间为30帧**/  
    while(diffTime <=TIME_IN_FRAME) {  
        diffTime = (int)(System.currentTimeMillis() - startTime);  
        /**线程等待**/  
        Thread.yield();  
    }  
  
    }  
}  

这里说一下Thread.yield(): 与Thread.sleep(long millis):的区别:

Thread.yield(): 是暂停当前正在执行的线程对象 ,并去执行其他线程。

Thread.sleep(long millis):则是使当前线程暂停参数中所指定的毫秒数然后在继续执行线程。

3.SurfaceView的使用实例
(1)正弦曲线

要绘制一个正弦曲线,只需要不断修改横纵坐标的值,并让他们满足正弦函数即可。因此,我们需要一个Path对象来保存正弦函数上的坐标点,在子线程的while循环中,不断改变横纵坐标值。代码如下:

public static final int TIME_IN_FRAME = 30;  
    @Override  
    public void run() {  
        long startTime = System.currentTimeMillis();  
         while(mIsDrawing){  
             draw();  
//             x+=1;  
//             y=(int)(100*Math.sin(x*2*Math.PI/180)+400);  
//             mPath.lineTo(x,y);  
         }  
          
        /**取得更新结束的时间**/  
        long endTime = System.currentTimeMillis();  
  
        /**计算出一次更新的毫秒数**/  
        int diffTime  = (int)(endTime - startTime);  
  
        /**确保每次更新时间为30帧**/  
        while(diffTime <=TIME_IN_FRAME) {  
            diffTime = (int)(System.currentTimeMillis() - startTime);  
            /**线程等待**/  
            Thread.yield();  
        }  
    } 

(2)画图板

我们也可以通过使用SurfaceView来实现一个简单的绘图板,绘图的方法与View中进行绘图所使用的方法一样,也是通过Path对象记录手指滑动的路径来进行绘图。在SurfaceView的onTouchEvent()方法中记录Path路径,代码如下所示:

@Override  
   public boolean onTouchEvent(MotionEvent event) {  
       int x=(int)event.getX();  
       int y=(int)event.getY();  
       switch (event.getAction()){  
           case MotionEvent.ACTION_DOWN:  
               mPath.moveTo(x,y);  
               break;  
           case MotionEvent.ACTION_MOVE:  
               mPath.lineTo(x,y);  
               break;  
           case MotionEvent.ACTION_UP:  
               break;  
  
       }  
       return true;//表示此View拦截处理触摸事件  
   }  

并在draw方法中进行绘制:

private void draw() {  
       try{  
           mCanvas=mHolder.lockCanvas();//获取Canvas对象进行绘制  
           //SurfaceView背景  
           mCanvas.drawColor(Color.WHITE);  
           mCanvas.drawPath(mPath,mPaint);  
       }catch (Exception e){  
           e.printStackTrace();  
       }finally {  
           if (mCanvas!=null){  
               mHolder.unlockCanvasAndPost(mCanvas);//保证绘制的画布内容提交  
           }  
       }  
   }  

4.SurfaceView和View的区别

总的归纳起来SurfaceView和View不同之处有:

1. SurfaceView允许其他线程更新视图对象(执行绘制方法)而View不允许这么做,它只允许UI线程更新视图对象。

2. SurfaceView是放在其他最底层的视图层次中,所有其他视图层都在它上面,所以在它之上可以添加一些层,而且它不能是透明的。

3. 它执行动画的效率比View高,而且你可以控制帧数。

4. SurfaceView在绘图时使用l了双缓冲机制,而View没有。

参考:
转载自:
Android中SurfaceView使用详解
漫说Android 中SurfaceView蕴含的美

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,723评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,003评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,512评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,825评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,874评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,841评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,812评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,582评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,033评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,309评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,450评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,158评论 5 341
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,789评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,409评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,609评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,440评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,357评论 2 352

推荐阅读更多精彩内容