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

        });
    }

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

(未完待续)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值