Android SurfaceView入门学习

时间：2017-11-20 20:22:02 阅读：245 评论：0 收藏：0 [点我收藏+]

标签：提交 target ase 分享图片 package long 定义 draw 死循环

学习资料：

Android 开发群英传

搜索学习资料时，搜到了罗升阳老师的Android视图SurfaceView的实现原理分析，老罗老师写的一系列博客，一年前开始学习Android时看不懂，现在依然看不懂，感觉涉及到的知识面太广并且非常深入，还得需要积累很多知识后才能看得懂

在包建强老师的博客中看到，说老罗的博客不是给开发App的人写的，是给开发Rom的人写的。哈哈，为看不懂找个心安理得的理由，推荐包老师的系列博客

写给Android App开发人员看的Android底层知识

1. SurfaceView

View通过刷新来重绘视图，Android系统通过发出VSYNC信号来进行屏幕的重绘，刷新的时间间隔为16ms

在一些需要频繁刷新，执行很多逻辑操作的时候，超过了16ms，就会导致卡顿

SurfaceView继承之View，但拥有独立的绘制表面，即它不与其宿主窗口共享同一个绘图表面，可以单独在一个线程进行绘制，并不会占用主线程的资源。这样，绘制就会比较高效，游戏，视频播放，还有最近热门的直播，都可以用SurfaceView

SurfaceView有两个子类GLSurfaceView和VideoView

SurfaceView和View的区别：

View主要适用于主动更新的情况下，而SurfaceView主要适用于被动更新，例如频繁地刷新
View在主线程中对画面进行刷新，而SurfaceView通常会通过一个子线程来进行页面的刷新
View在绘图时没有使用双缓冲机制，而SufaceView在底层实现机制中就已经实现了双缓冲机制

如果自定义View需要频繁刷新，或者刷新时数据处理量比较大，就可以考虑使用SurfaceView来取代View了

2. SurfaceView的使用模板

SurfaceView使用过程有一套模板代码，大部分的SurfaceView都可以套用

3步走套路：

创建SurfaceView
初始化SurfaceView
使用SurfaceView

2.1 创建SurfaceView

创建一个自定义的SurfaceViewL，继承之SurfaceView，并实现两个接口SurfaceHolder.CallBack和Runnable

代码：

public class SurfaceViewL extends SurfaceView implements SurfaceHolder.Callback,Runnable{

    public SurfaceViewL(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public void surfaceCreated(SurfaceHolder holder) {//创建
    }

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

    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {//销毁
    }

    @Override
    public void run() {
    }
}

SurfaceHolder.CallBack有3个方法，分别在SurfaceView创建，改变，销毁时进行回调

SurfaceHolder.CallBack还有一个子Callback2接口，里面添加了一个surfaceRedrawNeeded (SurfaceHolder holder)方法

当需要重绘SurfaceView中的内容时，可以使用这个接口。目前还不了解具体的使用场景

2.2 初始化`SurfaceView`

在自定义的SurfaceView中，通常需要3个成员变量

SurfaceHolder mSurfaceHolder 可以控制SurfaceView的大小，格式，可以监控或者改变SurfaceView
Canvas mCanvas 画布
boolean isDrawing 子线程标志位，用来控制子线程

在构造方法中，对SurfaceHolder mSurfaceHolder进行初始化

public SurfaceViewL(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

private void init() {
        mSurfaceHolder = getHolder();//得到SurfaceHolder对象
        mSurfaceHolder.addCallback(this);//注册SurfaceHolder
        setFocusable(true);
        setFocusableInTouchMode(true);
        this.setKeepScreenOn(true);//保持屏幕长亮
}

setFocusable(true) 能否获得焦点
setFocusableInTouchMode(true) 能否通过触摸获得焦点

这两个方法都是View类的方法，可以看看setFocusable与setFocusableInTouchMode差异以及clickable

2.3 使用SurfaceView

利用在2.2拿到的mSurfaceHolder对象，通过lockCanvas()方法获得当前的Canvas

注意：
lockCanvas()获取到的Canvas对象还是上次的Canvas对象，并不是一个新的对象。之前的绘图都将被保留，如果需要擦除，可以在绘制之前通过drawColor()方法来进行清屏

绘制要充分利用SurfaceView的三个回调方法，在surfaceCreate()方法中开启子线程进行绘制。在子线程中，使用一个while(isDrawing)循环来不停地绘制。具体的绘制过程，由lockCanvas()方法进行绘制，并通过unlockCanvasAndPost(mCanvas)进行画布内容的提交

2.4 完整的模板代码

public class SurfaceViewL extends SurfaceView implements SurfaceHolder.Callback, Runnable {
    // SurfaceHolder
    private SurfaceHolder mSurfaceHolder;
    // 画布
    private Canvas mCanvas;
    // 子线程标志位
    private boolean isDrawing;

    public SurfaceViewL(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    private void init() {
        mSurfaceHolder = getHolder();
        mSurfaceHolder.addCallback(this);
        setFocusable(true);
        setFocusableInTouchMode(true);
        this.setKeepScreenOn(true);
    }

    @Override
    public void surfaceCreated(SurfaceHolder holder) {//创建
        isDrawing = true;
        new Thread(this).start();
    }

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

    }

    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {//销毁
        isDrawing = false;
    }

    @Override
    public void run() {
        while (isDrawing){
            drawing();
        }
    }

    private void drawing() {
        try {
           mCanvas = mSurfaceHolder.lockCanvas();
           //这里进行内容的绘制 
           ...

        }finally {
           if (mCanvas != null){
               mSurfaceHolder.unlockCanvasAndPost(mCanvas);
           }
        }
    }
}

mSurfaceHolder.unlockCanvasAndPost(mCanvas)将这行代码放入finally代码块中，目的是为了确保内容都能够被提交

3. 简单使用

效果还是一个简易的画图板

哈哈，恶搞一下

public class SurfaceViewL extends SurfaceView implements SurfaceHolder.Callback, Runnable {
    // SurfaceHolder
    private SurfaceHolder mSurfaceHolder;
    // 画布
    private Canvas mCanvas;
    // 子线程标志位
    private boolean isDrawing;
    // 画笔
    Paint mPaint;
    // 路径
    Path mPath;
    private float mLastX, mLastY;//上次的坐标

    public SurfaceViewL(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    /**
     * 初始化
     */
    private void init() {
        //初始化 SurfaceHolder mSurfaceHolder
        mSurfaceHolder = getHolder();
        mSurfaceHolder.addCallback(this);

        setFocusable(true);
        setFocusableInTouchMode(true);
        this.setKeepScreenOn(true);
        //画笔
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG);
        mPaint.setStrokeWidth(10f);
        mPaint.setColor(Color.parseColor("#FF4081"));
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeJoin(Paint.Join.ROUND);
        mPaint.setStrokeCap(Paint.Cap.ROUND);
        //路径
        mPath = new Path();
    }

    @Override
    public void surfaceCreated(SurfaceHolder holder) {//创建
        isDrawing = true;
        Log.e("surfaceCreated","--"+isDrawing);
        //绘制线程
       new Thread(this).start();
    }


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

    }

    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {//销毁
        isDrawing = false;
        Log.e("surfaceDestroyed","--"+isDrawing);
    }

    @Override
    public void run() {
       while (isDrawing){
            drawing();
        }
    }

    /**
     * 绘制
     */
    private void drawing() {
        try {
            mCanvas = mSurfaceHolder.lockCanvas();
            mCanvas.drawColor(Color.WHITE);
            mCanvas.drawPath(mPath,mPaint);
        } finally {
            if (mCanvas != null) {
                mSurfaceHolder.unlockCanvasAndPost(mCanvas);
            }
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        float x = event.getX();
        float y = event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:

                mLastX = x;
                mLastY = y;
                mPath.moveTo(mLastX, mLastY);
                break;
            case MotionEvent.ACTION_MOVE:
                float dx = Math.abs(x - mLastX);
                float dy = Math.abs(y - mLastY);
                if (dx >= 3 || dy >= 3) {
                    mPath.quadTo(mLastX, mLastY, (mLastX + x) / 2, (mLastY + y) / 2);
                }
                mLastX = x;
                mLastY = y;
                break;
            case MotionEvent.ACTION_UP:
                break;
        }
        return true;
    }

    /**
     * 测量
     */
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int wSpecMode = MeasureSpec.getMode(widthMeasureSpec);
        int wSpecSize = MeasureSpec.getSize(widthMeasureSpec);
        int hSpecMode = MeasureSpec.getMode(heightMeasureSpec);
        int hSpecSize = MeasureSpec.getSize(heightMeasureSpec);

        if (wSpecMode == MeasureSpec.AT_MOST && hSpecMode == MeasureSpec.AT_MOST) {
            setMeasuredDimension(300, 300);
        } else if (wSpecMode == MeasureSpec.AT_MOST) {
            setMeasuredDimension(300, hSpecSize);
        } else if (hSpecMode == MeasureSpec.AT_MOST) {
            setMeasuredDimension(wSpecSize, 300);
        }
    }
}

代码主要是从徐医生的Android群英传中学到的。

由于while (isDrawing)是个死循环，drawing方法一直在执行，就导致一直在绘制，徐医生给了一个优化的方案，对run()方法进行了修改

@Override
public void run() {
    Log.e("drawing","--"+111111);
    long start = System.currentTimeMillis();
    while (isDrawing) {
        drawing();
    }
    long end = System.currentTimeMillis();
    if (end- start < 100){
        try {
            Log.e("drawing","--"+22222);
            Thread.sleep(100-(end-start));
        } catch (InterruptedException e) {
                e.printStackTrace();
        }
    }
}

但对于优化后run()方法有些疑问，Thread.sleep(100-(end-start))感觉这行代码并不执行到，因为isDrawing = true，是个死循环，只有surfaceDestroyed(SurfaceHolder holder)方法执行时，isDrawing = false，之后才可以执行到sleep()方法

根据个人的理解，修改了代码：

public void run() {
    while (isDrawing) {
        Log.e("drawing","--"+111111);
        long start = System.currentTimeMillis();
        drawing();
        long end = System.currentTimeMillis();
        if (end- start < 100){
            try {
                Log.e("drawing","--"+22222);
                Thread.sleep(100-(end-start));
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
        }
    }
}

这样修改后，虽然sleep()方法能执行到，但绘制过程有种不跟手的感觉，个人感觉并不用优化，在run()方法中

4. 自己想的优化

既然不想时时刻在绘制，那就只有在手指在屏幕滑动时，进行绘制

修改代码：

// 修改 1
@Override
public void surfaceCreated(SurfaceHolder holder) {//创建
    drawing();
}

//修改onTouchEvent(MotionEvent event)方法
//修改 2
 case MotionEvent.ACTION_DOWN:
    isDrawing = true ;//每次开始将标记设置为ture
    new Thread(this).start();//开启线程
    mLastX = x;
    mLastY = y;
    mPath.moveTo(mLastX, mLastY);
    break;

//修改3
 case MotionEvent.ACTION_UP:
    isDrawing = false;//每次结束将标记设置为false
    break;

//修改4  run()方法
@Override
 public void run() {
     while (isDrawing){
        drawing();
     }
}

手指落下，将标记设置为true，并开启线程
手指离开，将标记设置为false，循环结束后，线程也就停止

5. 最后

关于4的优化，哪位同学有好的建议，请留言

又是周末，周末愉快

本人很菜，有错误请指出

共勉 : ）



作者：英勇青铜5
链接：http://www.jianshu.com/p/15060fc9ef18
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

Android SurfaceView入门学习

标签：提交 target ase 分享图片 package long 定义 draw 死循环

原文地址：http://www.cnblogs.com/senior-engineer/p/7867783.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

Android SurfaceView入门学习

1. SurfaceView

2. SurfaceView的使用模板

2.1 创建SurfaceView

2.2 初始化SurfaceView

2.3 使用SurfaceView

2.4 完整的模板代码

3. 简单使用

4. 自己想的优化

5. 最后

2.2 初始化`SurfaceView`