Android自定义View-canvas.drawRect()用法详解

提起自定义view,很让人心烦心累,但是我们又不得不去面对,欠下的总要还的,慢慢学吧.

开发中我们会遇到这种情况,上下滑动不带标题,左右滑动不带左右栏.这个时候如何处理,那么你就要好好学习一下这个canvas.drawRect()的用法,它可以帮助你解决这个问题!言归正传,先看几个示例你就懂了.

一. 首先我们要看canvas.drawRect()方法的最后一个参数(至关重要一个参数)

Tables	Are
Region.Op.DIFFERENCE	是第一次不同于第二次的部分显示出来
Region.Op.REPLACE	只显示第二次的
Region.Op.REVERSE_DIFFERENCE	是第二次不同于第一次的部分显示
Region.Op.INTERSECT	交集显示
Region.Op.UNION	全部显示
Region.Op.XOR	(补集)就是全集的减去交集生育部分显示

1.0(默认不剪切的效果)

代码

  /**
         * 初始化两个画笔
         */
        paint = new Paint();
        paint.setColor(Color.RED);
        paint.setStyle(Paint.Style.FILL);

        paint1 = new Paint();
        paint1.setColor(Color.BLUE);
        paint1.setStyle(Paint.Style.FILL);
  /**
         * 绘制两个矩形
         */
        canvas.drawRect(200, 500, 900, 1500, paint);
        canvas.drawRect(100, 200, 400, 700, paint1);

效果图

---

2.0(DIFFERENCE)

代码

  /**
         * 初始化两个画笔
         */
        paint = new Paint();
        paint.setColor(Color.RED);
        paint.setStyle(Paint.Style.FILL);

        paint1 = new Paint();
        paint1.setColor(Color.BLUE);
        paint1.setStyle(Paint.Style.FILL);
          /**
         * 绘制两个矩形
         */
        canvas.drawRect(200, 500, 900, 1500, paint);
        RectF rectF = new RectF(200, 500, 900, 1500);
        canvas.clipRect(rectF, Region.Op.DIFFERENCE);
        RectF rects = new RectF(100, 200, 400, 700);
        canvas.clipRect(rects, Region.Op.DIFFERENCE);
        canvas.drawRect(100, 200, 400, 700, paint1);

效果图

---

3.0(REPLACE)

代码

  /**
         * 初始化两个画笔
         */
        paint = new Paint();
        paint.setColor(Color.RED);
        paint.setStyle(Paint.Style.FILL);

        paint1 = new Paint();
        paint1.setColor(Color.BLUE);
        paint1.setStyle(Paint.Style.FILL);
          /**
         * 绘制两个矩形
         */
        canvas.drawRect(200, 500, 900, 1500, paint);
        RectF rectF = new RectF(200, 500, 900, 1500);
        canvas.clipRect(rectF, Region.Op.REPLACE);
        RectF rects = new RectF(100, 200, 400, 700);
        canvas.clipRect(rects, Region.Op.REPLACE);
        canvas.drawRect(100, 200, 400, 700, paint1);

效果

---

4.0(REVERSE_DIFFERENCE)

代码

   /**
         * 初始化两个画笔
         */
        paint = new Paint();
        paint.setColor(Color.RED);
        paint.setStyle(Paint.Style.FILL);

        paint1 = new Paint();
        paint1.setColor(Color.BLUE);
        paint1.setStyle(Paint.Style.FILL);
         /**
         * 绘制两个矩形
         */
         canvas.drawRect(200, 500, 900, 1500, paint);
        RectF rectF = new RectF(200, 500, 900, 1500);
        canvas.clipRect(rectF, Region.Op.REVERSE_DIFFERENCE);
        RectF rects = new RectF(100, 200, 400, 700);
        canvas.clipRect(rects, Region.Op.REVERSE_DIFFERENCE);
        canvas.drawRect(100, 200, 400, 700, paint1);

效果

---

5.0(INTERSECT)

  /**
         * 初始化两个画笔
         */
        paint = new Paint();
        paint.setColor(Color.RED);
        paint.setStyle(Paint.Style.FILL);

        paint1 = new Paint();
        paint1.setColor(Color.BLUE);
        paint1.setStyle(Paint.Style.FILL);
         /**
         * 绘制两个矩形
         */
       canvas.drawRect(200, 500, 900, 1500, paint);
        RectF rectF = new RectF(200, 500, 900, 1500);
        canvas.clipRect(rectF, Region.Op.INTERSECT);
        RectF rects = new RectF(100, 200, 400, 700);
        canvas.clipRect(rects, Region.Op.INTERSECT);
        canvas.drawRect(100, 200, 400, 700, paint1);

效果

---

6.0(UNION)

代码

  /**
         * 初始化两个画笔
         */
        paint = new Paint();
        paint.setColor(Color.RED);
        paint.setStyle(Paint.Style.FILL);

        paint1 = new Paint();
        paint1.setColor(Color.BLUE);
        paint1.setStyle(Paint.Style.FILL);
         /**
         * 绘制两个矩形
         */
        canvas.drawRect(200, 500, 900, 1500, paint);
        RectF rectF = new RectF(200, 500, 900, 1500);
        canvas.clipRect(rectF, Region.Op.UNION);
        RectF rects = new RectF(100, 200, 400, 700);
        canvas.clipRect(rects, Region.Op.UNION);
        canvas.drawRect(100, 200, 400, 700, paint1);

效果

---

7.0(XOR)

代码

  /**
         * 初始化两个画笔
         */
        paint = new Paint();
        paint.setColor(Color.RED);
        paint.setStyle(Paint.Style.FILL);

        paint1 = new Paint();
        paint1.setColor(Color.BLUE);
        paint1.setStyle(Paint.Style.FILL);
          /**
         * 绘制两个矩形
         */
        canvas.drawRect(200, 500, 900, 1500, paint);
        RectF rectF = new RectF(200, 500, 900, 1500);
        canvas.clipRect(rectF, Region.Op.XOR);
        RectF rects = new RectF(100, 200, 400, 700);
        canvas.clipRect(rects, Region.Op.XOR);
        canvas.drawRect(100, 200, 400, 700, paint1);

效果

---

好了,遇上不懂的,其实大家刚开始都不懂,那么就多尝试,看效果,就大概了解其真实用途了,还要结合文档注释,这样就可以更加准确确定其用法,没有什么学不会的,只要多尝试.