29、SurfaceView

红太狼 2022-01-07 03:47 234阅读 0赞

## 一、SurfaceView ##

### 1.1、SurfaceView和View ###

Android系统提供View进行绘图处理，View可以满足大部分的绘图需求，但是View有一个弊端，

Android通过发出VSYNC信号进行屏幕的重绘，刷新的间隔时间为16ms，如果在16ms内View完成

所需的操作，用户视觉上则不会产生卡顿的感觉。而如果执行的逻辑操作太多，特别是频繁刷新界面，

那么就会不断阻塞主线程，从而导致画面卡顿。

Skipped 1188 frames!  The application may be doing too much work on its main thread.

为避免该情况的发生，Android系统提供SurfaceView组件来解决该问题。它和View的区别如下：

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

总结：如果自定义View需要频繁刷新，或者刷新数据量比较大则使用SurfaceView。

### 1.2、SurfaceView的使用 ###

a)创建自定义的类继承SurfaceView，并实现两个接口--SurfaceHolder.Callback和Runnable，

b)在构造函数中初始化SurfaceView，通常定义三个成员变量。

c)在使用时，同SurfaceHolder对象的lockCanvas()方法可获得当前Canvas绘图对象。

d)绘制的时候，在surfaceCreate()方法中开启子线程进行绘制，子线程中使用while(mIsDrawing)来循环不停绘制。

e)绘制的具体逻辑中，通过lockCanvas()方法获取Canvas对象进行绘制，并通过unlockCanvasAndPost(mCanvas)方法对画布内容提交。

public class MySurfaceView extends SurfaceView implements SurfaceHolder.Callback, Runnable {
        
        private SurfaceHolder mHolder;   // SurfaceHolder
        private Canvas mCanvas;          // 用于绘图的Canvas
        private boolean mIsDrawing;      // 子线程标志位
        public MySurfaceView(Context context) {
            this(context, null);
        }
        public MySurfaceView(Context context, AttributeSet attrs) {
            super(context, attrs);
            initView();
            
        }
        private void initView() {
            mHolder = getHolder();
            mHolder.addCallback(this);
            this.setFocusable(true);
            this.setFocusableInTouchMode(true);
            this.setKeepScreenOn(true);
            //mHolder.setFormat(PixelFormat.OPAQUE);
        }
        /**下面三个方法分别对应SurfaceView的创建、改变、销毁过程*/
        @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) {  
        }
        
        @Override
        public void run() {
            while(mIsDrawing){
                draw();
            }
        }
        private void draw() {
            try {
                mCanvas = mHolder.lockCanvas();
                // draw something
                
            } catch (Exception e) {
                e.printStackTrace();
            }finally{
                if(mCanvas != null){
                    mHolder.unlockCanvasAndPost(mCanvas);
                }
            }
        }
    }

以上代码基本上可以满足大部分的SurfaceView绘图需求，注意在finally中的代码，保住每次都能将内容提交。

### 1.3、绘制正弦曲线 ###

要绘制正弦曲线，只需要不断修改横坐标的值，并让它们满足正弦函数即可。

因此使用Path对象来保存正弦函数上的坐标点，在子线程的while循环中，不断改变横纵坐标值。

public class MySurfaceView extends SurfaceView implements SurfaceHolder.Callback, Runnable {
        private SurfaceHolder mHolder;
        private Canvas mCanvas;
        private boolean mIsDrawing;
        private int x = 0;
        private int y = 0;
        private Path mPath;
        private Paint mPaint;
        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);
            mPath = new Path();
            mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
            mPaint.setColor(Color.RED);
            mPaint.setStyle(Paint.Style.STROKE);
            mPaint.setStrokeWidth(10);
            mPaint.setStrokeCap(Paint.Cap.ROUND);
            mPaint.setStrokeJoin(Paint.Join.ROUND);
        }
        @Override
        public void surfaceCreated(SurfaceHolder holder) {
            mIsDrawing = true;
            mPath.moveTo(0, 400);
            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();
                x += 1;
                y = (int) (Math.sin(x * 2 * Math.PI / 180 * 100) + 400);
                mPath.lineTo(x, y);
            }
        }
        private void draw() {
            try {
                mCanvas = mHolder.lockCanvas();
                // SurfaceView背景
                mCanvas.drawColor(Color.WHITE);
                mCanvas.drawPath(mPath, mPaint);
            } catch (Exception e) {
            } finally {
                if (mCanvas != null)
                    mHolder.unlockCanvasAndPost(mCanvas);
            }
        }
    }

转载于:https://www.cnblogs.com/pengjingya/p/5510086.html