Marshal's Blog

最简单的绘图应用

参照Android中SurfaceView的使用示例，写了个最简单的绘图应用。

在屏幕上画了个红色的矩形框。

这里使用的View不是普通的类型，因为普通类型都是有UI线程来绘制的。SurfaceView可使用独立线程绘制，比如以前也使用过，用于视频输出，见编写简单自定义VideoView。

此外，还需要使用SurfaceHolder接口，它是用于处理SurfaceView包含的Surface的，Surface可直译为表面，可以看作是一个可绘制的视图部分。需要通过SurfaceHolder来操作它。

Surface可以设置Canvas，即画布，顾名思义，是用来作画的。Canvas涉及到四个基本对象概念：

• Bitmap，位图，可以看作是矩形像素点的集合
• Canvas，画布，通过Canvas写入Bitmap
• 基本的作画元素，比如矩形框Rect对象，作画路径Path对象，文本以及位图Bitmap
• Paint，描述作画的颜色以及风格（比如是填满，还是只画线条等）

以上是作画需要了解的静态对象和结构，具体动作，需要通过SurfaceHolder的Callback接口来实现。开发者实现该接口，然后由Android回调来绘制所需的内容。

分析一下源代码，Activity代码很简单，这里都没用到layout文件：

public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    this.setContentView(new MySurfaceView(this));
}

主要看MySurfaceView的实现：

package com.easymorse.surface;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.view.SurfaceHolder;
import android.view.SurfaceHolder.Callback;
import android.view.SurfaceView;

public class MySurfaceView extends SurfaceView {

    public MySurfaceView(Context context) {
        super(context);
        this.getHolder().addCallback(new Callback() {

            @Override
            public void surfaceDestroyed(SurfaceHolder holder) {
            }

            @Override
            public void surfaceCreated(final SurfaceHolder holder) {
                new Thread() {
                    public void run() {
                        Canvas canvas=holder.lockCanvas();
                        Paint paint=new Paint();
                        paint.setColor(Color.RED);
                       
                        canvas.drawRect(new Rect(40, 60, 180, 180), paint);
                        holder.unlockCanvasAndPost(canvas);
                    }
                }.start();
            }

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

}

主要代码就是加入Callback实现的回调。

只需实现surfaceCreated方法就可以完成红色矩形框的绘制。

在绘制前，需要得到Canvas对象，通过锁住SurfaceHolder得到。这时才可以开始对Canvas编辑。编辑完毕后，想着解锁，调用unlockCanvasAndPost可做到这一点。该方法还会提交编辑，在屏幕上显示刚刚编辑的内容。

如果忘记调用unlockCanvasAndPost方法，将不能写入到屏幕，而且会造成应用失去响应，报错是：

ERROR/ActivityManager(92): Reason: keyDispatchingTimedOut

本例画的内容很简单，创建了Paint，并且声明了颜色。矩形的生成参数和iOS有区别，前者是取左上定点和右下定点的坐标，后者是取左上定点坐标，以及矩形的长和宽。觉得后者比较直观一些。

另外，了解了一下Paint中style的含义，比如设置：

paint.setStyle(Paint.Style.STROKE);

则画出来的矩形是这样的：

源代码见：

http://easymorse.googlecode.com/svn/tags/SurfaceDemos-0.1/

   发送文章为PDF