Android 开发 SurfaceView 总结

Posted 2020-07-22 农民子弟

android中一种常见的自定义画UI接口类：SurfaceView.可以在异步线程中，完成相关数据更新。

首先介绍几个基本的定义，在其他知识中也会设计如下名词：

1.Paint

　　画笔，所有的图像、图形都是由画笔完成的。

　　定义非常简单：

　　Paint paint = new Paint();

　　paint.setColor(Color.Black);//设置画笔的颜色

2.Canvas

　　画布，图像和图形都是通过Paint画在画布上面。画布对象通常是通过SurfaceHolder.lockCanvax()获得。

　　Canvas canvas = holder.lockCanvas();

　　canvas.drawRect(0,0,widht,height,paint);//画矩形

3.Surface

　　在应用的时候，没有使用到具体的实现类和抽象类。

　　API里面的描述是：Surface是原始图像缓存区的一个句柄（原始图像缓存区是有屏幕图像合成器管理的）。因此，可以知道Canvas所需要展示的数据，会被加载到Surface中，然后显示在屏幕上的。　　

4.SurfaceView

　　一个屏幕显示的View,控制Surface的显示大小，位置等。说白了就类似TextView一样。

　　需要子类实现具体的制订化功能，继承SurfaceView的同时，还需要实现SurfaceHolder.Callback接口（后面有讲解）。

5.SurfaceHolder

　　怎么能说清楚呢，SurfaceHolder是Surface的控制器，提供几个方法：

　　addCallback(SurfaceHolder.Callback callback); //添加SurfaceHolder.Callback的监听实现

　　lockCanvas();

　　lockCanvas(Rect dirty);

　　unlockCanvas(Canvas canvas);

6.SurfaceHolder.Callback

　　是一个接口，实现类可以监听SurfaceView的状态变化。接口方法如下：

　　surfaceCreated();

　　surfaceChanged();

　　surfaceDestory();

　　

具体使用Demo，完成的功能就是将一张图片，上下不停的滑动:

1、RBSurfaceView 是Surface的实现类。

public class RBSurfaceView extends SurfaceView implements SurfaceHolder.Callback{
    private Paint paint;
    private WindowManager windowManager;
    private Context context;
    private float screenWidth,screenHeight;
    private float bitmapX,bitmapY;
    private int alphaNum;
    private boolean alphaFlag ;
    
    private OnRunThread onRunThread;
    private OnDrawThread onDrawThread;
    
    @SuppressWarnings("deprecation")
    public RBSurfaceView(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
        this.context = context;
        getHolder().addCallback(this);
        windowManager = (WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE);
        screenWidth = (float) windowManager.getDefaultDisplay().getWidth();
        screenHeight =(float)  windowManager.getDefaultDisplay().getHeight();
        paint = new Paint();
        onRunThread = new OnRunThread(this);
        onDrawThread = new OnDrawThread(this);
        onRunThread.start();
    }
    @Override
    protected void onDraw(Canvas canvas) {
        // TODO Auto-generated method stub
        super.onDraw(canvas);
        paint.setColor(Color.WHITE);
        canvas.drawRect(0, 0, screenWidth, screenHeight, paint);
        Bitmap bitmapA = BitmapFactory.decodeResource(context.getResources(), R.drawable.ic_launcher);
        canvas.drawBitmap(bitmapA, bitmapX, bitmapY, paint);
        if (alphaFlag) {
            Bitmap bitmapB = BitmapFactory.decodeResource(context.getResources(), R.drawable.icon_gcoding);
            paint.setAlpha(alphaNum);
            canvas.drawBitmap(bitmapB, 0, 0, paint);
        }
    }
    @Override
    public void surfaceCreated(SurfaceHolder holder) {
        // TODO Auto-generated method stub
        onDrawThread.start();
    }

    @Override
    public void surfaceChanged(SurfaceHolder holder, int format, int width,
            int height) {
        // TODO Auto-generated method stub
        
    }

    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {
        // TODO Auto-generated method stub
        
    }
    public float getBitmapX() {
        return bitmapX;
    }
    public void setBitmapX(float bitmapX) {
        this.bitmapX = bitmapX;
    }
    public float getBitmapY() {
        return bitmapY;
    }
    public void setBitmapY(float bitmapY) {
        this.bitmapY = bitmapY;
    }
    public int getAlphaNum() {
        return alphaNum;
    }
    public void setAlphaNum(int alphaNum) {
        this.alphaNum = alphaNum;
    }
    public float getScreenWidth() {
        return screenWidth;
    }
    public void setScreenWidth(float screenWidth) {
        this.screenWidth = screenWidth;
    }
    public float getScreenHeight() {
        return screenHeight;
    }
    public void setScreenHeight(float screenHeight) {
        this.screenHeight = screenHeight;
    }
    public boolean isAlphaFlag() {
        return alphaFlag;
    }
    public void setAlphaFlag(boolean alphaFlag) {
        this.alphaFlag = alphaFlag;
    }
}
　　

2、OnDrawThread 是不停的让RBSurfaceView的onDraw方法画图片

public class OnDrawThread extends Thread{
    private RBSurfaceView surfaceView;
    private SurfaceHolder holder;
    public OnDrawThread(RBSurfaceView surfaceView){
        super();
        this.surfaceView = surfaceView;
        holder = surfaceView.getHolder();
    }
    @Override
    public void run() {
        // TODO Auto-generated method stub
        super.run();
        Canvas canvas = null;
        while (true) {
            canvas = holder.lockCanvas(null);
            synchronized (surfaceView) {
                if (canvas != null) {
                    surfaceView.onDraw(canvas);
                }    
            }
            holder.unlockCanvasAndPost(canvas);
            try {
                Thread.sleep(30);
            } catch (InterruptedException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
            
        }
    }
}

3、OnRunThread 主要负责不停的变化图片的坐标，然后设置给RBSurfaceView。

public class OnRunThread extends Thread{
    private RBSurfaceView surfaceView;
    private SurfaceHolder holder;
    public OnRunThread(RBSurfaceView surfaceView){
        super();
        this.surfaceView = surfaceView;
        holder = surfaceView.getHolder();
        bitmapX = 0;
        bitmapY = 0;
    }
    boolean runFlag;
    int alphaNum;
    float bitmapX;
    float bitmapY;
    @Override
    public void run() {
        // TODO Auto-generated method stub
        super.run();
        while (true) {
            while (bitmapX < surfaceView.getScreenWidth()) {
                surfaceView.setBitmapX(bitmapX);
                surfaceView.setBitmapY(bitmapY);
                if (runFlag) {
                    bitmapY = bitmapY - 20;
                }else {
                    bitmapY = bitmapY + 20;
                }
                if (bitmapY <=0) {
                    runFlag = false;
                }else if (bitmapY >= surfaceView.getScreenHeight()+60) {
                    runFlag = true;
                }
                try {
                    Thread.sleep(30);
                } catch (InterruptedException e) {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                }
            }
            
            surfaceView.setAlphaFlag(true);
            for (alphaNum = 0; alphaNum <= 255; alphaNum++) {
                if (alphaNum == 255) {
                    surfaceView.setAlphaFlag(false);
                    bitmapX = 0;
                    bitmapY = surfaceView.getScreenHeight() +60;
                }
                surfaceView.setAlphaNum(alphaNum);
                try {
                    Thread.sleep(20);
                } catch (InterruptedException e) {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                }                
            }
        }
    }
}