zoukankan      html  css  js  c++  java
  • Android 开发 SurfaceView 总结

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

      

      

        

  • 相关阅读:
    Django Rest framework 之 版本
    Django Rest framework 之 节流
    Django Rest framework 之 权限
    Django Rest framework 之 认证
    Python 多线程、多进程 (三)之 线程进程对比、多进程
    Python 多线程、多进程 (一)之 源码执行流程、GIL
    Python 多线程、多进程 (二)之 多线程、同步、通信
    css3 盒模型记
    css3 颜色记
    css3 文本记
  • 原文地址:https://www.cnblogs.com/farmerkids/p/5564588.html
Copyright © 2011-2022 走看看