当前位置:首页 > 资讯 > info6 > 正文

《Android群英传》读书笔记(7)第六章:Android绘图机制与技巧之三

发表于: 2015-12-19   作者:chaoyang805   来源:转载   浏览:
摘要: 1.SurfaceView一般的View通过刷新来重绘视图,Android系统通过发出VSYNC信号来进行屏幕的重绘,刷新的时间间隔是16ms。如果在16ms内View完成了所需要执行的操作,那么用户在视觉上就不会产生卡顿的感觉;而如果执行的逻辑太多,特别是需要频繁刷新的界面,如游戏界面,那么就会不断的阻塞主线程,从而导致界面卡顿。为了避免这种问题,Android提供了SurfaceView来解决

1.SurfaceView

一般的View通过刷新来重绘视图,Android系统通过发出VSYNC信号来进行屏幕的重绘,刷新的时间间隔是16ms。如果在16ms内View完成了所需要执行的操作,那么用户在视觉上就不会产生卡顿的感觉;而如果执行的逻辑太多,特别是需要频繁刷新的界面,如游戏界面,那么就会不断的阻塞主线程,从而导致界面卡顿。为了避免这种问题,Android提供了SurfaceView来解决这个问题。
SurfaceView和View的区别主要是下面几点:
  1. View主要适用于主动更行的情况,而SurfaceView适用于被动更新,例如频繁的刷新。
  2. View在主线程中对画面进行,而SurfaceView通常会在一个子线程中进行页面的刷新
  3. View在绘图时没有使用双缓冲机制,而SurfaceView在底层实现了双缓冲机制

下面是使用SurfaceView时的模板代码,基本可以满足大部分情况:

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

    private SurfaceHolder mHolder;
    private boolean mIsDrawing;
    protected Canvas mCanvas;
    public SurfaceViewTemplate(Context context) {
        this(context,null);
    }

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

    }

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

    @Override
    public void run() {
        while(mIsDrawing) {
            try {
                mCanvas = mHolder.lockCanvas();
                draw();
            } catch (Exception e) {
                e.printStackTrace();
            }finally {
                if (mCanvas != null) {
                    mHolder.unlockCanvasAndPost(mCanvas);
                }
            }

        }
    }
    protected void draw(){

    }

    @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;
    }
}

使用时可以继承自这个模板类,然后重写draw()方法,在里面实现绘制的逻辑。

下面是一个绘制正弦曲线的SurfaceView

public class SinView extends SurfaceViewTemplate {

    private Paint mPaint;
    private Path mPath;
    public SinView(Context context) {
        this(context, null);
    }

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

    private void prepare() {
        mPaint = new Paint();
        mPaint.setColor(Color.RED);
        mPaint.setAntiAlias(true);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeWidth(10);
        mPaint.setStrokeJoin(Paint.Join.ROUND);
        mPaint.setStrokeCap(Paint.Cap.ROUND);

        mPath = new Path();
        mPath.moveTo(0,400);
    }
    int x = 0;
    int y = 0;
    @Override
    protected void draw() {
        x+=1;
        y = (int) (100 * Math.sin(x * 2 * Math.PI / 180) + 400);
        mPath.lineTo(x, y);
        mCanvas.drawPath(mPath, mPaint);
    }

}

下面的代码是使用SurfaceView实现的画笔功能

public class PaintView extends SurfaceViewTemplate {
    public PaintView(Context context) {
        this(context, null);
    }

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

    private Paint mPaint;
    private Path mPath;

    @Override
    protected void init() {
        super.init();
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setColor(Color.RED);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeWidth(20);
        mPath = new Path();

    }

    @Override
    protected void draw() {
        mCanvas.drawColor(Color.WHITE);

        mCanvas.drawPath(mPath, mPaint);
    }

    @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;
    }
}


《Android群英传》读书笔记(7)第六章:Android绘图机制与技巧之三

编辑推荐
1.色彩特效处理 1.色彩矩阵分析 在色彩处理中通常从下面三个角度描述一个图像: 色调——物体传播的
Android群英传笔记——第六章:Android绘图机制与处理技巧 一直在情调,时间都是可以自己调节的,不
1. 基本概念: 屏幕大小:指的是屏幕对较线的长度,通常使用寸作为单位, 1寸=3.333˙<span clas
在View绘图中常用的方法: 在View中绘制时使用的是Canvas(画布),Paint(画笔)。我们可以使用这
Android中图像的色彩特效处理: Android中色彩特效处理的基础: Android中对于图片的处理通常使用的
ListView常用扩展 ListView的扩展,平时自己直接写的时候不多,大多是用别人写好的控件,虽然省事,
先上图 在看徐医生的《Android群英传》的android绘制技巧(117页),遇到canvas绘图。于是就实现了下
Android群英传笔记——第七章:Android动画机制和使用技巧 想来,最近忙的不可开交,都把看书给冷落
自定义控件 虽然我也写过自定义控件,但是从没有进行一个系统的总结,正好借这本书的内容,重新梳理
做android也有一段时间了,但是还是对控件架构不甚了解,读了这本书之后,对android的控件架构有了
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号