Android开发之图片处理框架（二）

今天的内容比较简单，就是在昨天的基础上加上画笔功能，点击画笔按钮，可以随意画画，再点击画笔按钮，停止画画，可以添加图片，对图片进行移动缩放等，如图所示：

这里我们考虑的做法是自定义一个类继承View，在这个View里面定义一个Bitmap和Canvas，将两者绑定，这样画笔画出来的东西都附在了Bitmap上，重写onDraw方法，直接绘制Bitmap就行了。先掂量一下咱需要啥变量，一个画布，一个画笔，一个Bitmap，一个Path方便画画，一个布尔值变量去标志是否处于画画状态，整个画布的长宽，还有个周期变量//这个变量接下来代码里会说明。

    private Canvas layerCanvas;
    private Paint paint;
    private Path touchPath;
    private Bitmap layerBitmap;
    private int touchPoints = 0;//周期变量
    private int layerWidth;
    private int layerHeight;
    private boolean enable;

构造函数中初始化画笔和标志变量

 public TopLayer(Context context) {
        super(context);
        enable=false;
        paint = new Paint();
        paint.setStrokeWidth(5);
        paint.setColor(Color.RED);
        paint.setStyle(Paint.Style.STROKE);
        paint.setAntiAlias(true);
        paint.setDither(true);
        paint.setStrokeCap(Paint.Cap.ROUND);
        paint.setStrokeJoin(Paint.Join.ROUND);
    }

先写三个函数，一个是开始绘画，将Path移动到触摸点，一个是停止绘画，将Path从开始点到停止点连成线，最后是将线绘画出来，因为是在onTouchEvent中进行这些操作，所以这些细小的线会看上去非常连贯，不会出现笔直笔直的现象。

 private void touch_start(float eventX, float eventY){
        touchPath = new Path();
        touchPath.moveTo(eventX, eventY);
    }

    private void touch_end(float eventX, float eventY){
        touchPath.lineTo(eventX, eventY);
    }

    private void start_paint(Path path, Paint paint) {
        layerCanvas.drawPath(path, paint);
    }

此时重写onTouchEvent函数，上面那个周期变量的意思就是在移动时，当它是3的倍数时才会进行绘制，否则不进行绘制，因为如果不控制的话，绘制频率太频繁，也没必要，当标志位是true时才返回true，否则不操作。

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (enable) {
            float eventX = event.getX();
            float eventY = event.getY();
            switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    touch_start(eventX, eventY);
                    touchPoints = 0;
                    break;
                case MotionEvent.ACTION_MOVE:
                    touchPoints++;
                    if ((touchPoints % 3) == 0){
                        touch_end(eventX, eventY);
                        start_paint(touchPath, paint);
                        touch_start(eventX, eventY);
                    }
                    break;
                case MotionEvent.ACTION_UP:
                    touch_end(eventX, eventY);
                    start_paint(touchPath, paint);
                    break;
                default:
                    break;
            }
            invalidate();
            return true;
        } else {
            return false;
        }
    }

重写onDraw函数，顺便将画布和Bitmap进行初始化

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (layerCanvas == null){
            initCanvas(this.getWidth(), this.getHeight());
        }
        if (layerBitmap != null && !layerBitmap.isRecycled()){
            canvas.drawBitmap(layerBitmap, 0, 0, null);
        }
    }

 private void initCanvas(int width, int height){
        layerWidth = width;
        layerHeight = height;
        layerBitmap = Bitmap.createBitmap(layerWidth, layerHeight, Bitmap.Config.ARGB_4444);
        layerCanvas = new Canvas(layerBitmap);
    }

向外提供一个给外层改变标志变量的函数，并返回变量值，方便外层按钮改变颜色。

public boolean paintToggle() {
        enable=!enable;
        return enable;
    }

修改外层的PaintLayout类，将TopLayer加进去

private TopLayer topLayer;

public PaintLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.context=context;
        topLayer=new TopLayer(context);
        params = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
        this.addView(topLayer,params);
    }
public boolean paintToggle(){
        return topLayer.paintToggle();
    }

这里有个地方千万记着要改掉，也就是重写的callback方法

 @Override
    public void callback(PaintView stampView) {
        for (int i = 0; i < this.getChildCount(); ++i) {
            if(this.getChildAt(i) instanceof PaintView){
                if (this.getChildAt(i) != stampView) {
                    ((PaintView) this.getChildAt(i)).setViewEnable(false);
                }
            }
        }
    }

因为如果不加this.getChildAt(i) instanceof PaintView这层判断，TopLayer强制转化成PaintView，App直接崩溃。

再在主Activity里面添加一些简单代码

 private Button paintBtn;

 private void InitView(){
        addBtn=(Button)findViewById(R.id.add_btn);
        paintBtn=(Button)findViewById(R.id.paint_btn);
        paintLayout=(PaintLayout)findViewById(R.id.paint_layout);
        toast=Toast.makeText(this,"",Toast.LENGTH_SHORT);
    }

private void InitListener(){
        addBtn.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View view) {
                paintLayout.setCanInit(true);
                tips("点击屏幕，添加图案！");
            }

        });
        paintBtn.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View view) {
                boolean b=paintLayout.paintToggle();
                if(b){
                    view.setBackgroundColor(Color.BLUE);
                }else{
                    view.setBackgroundColor(Color.GRAY);
                }
            }

        });
    }

最后再在布局代码中加上按钮就行了，这里就不写了。

（未完待续）