android的clip有以下兩點疑問:
Clip(剪切)的時機
Clip中的Op的參數的意思。
通常咱們理解的clip(剪切),是對已經存在的圖形進行clip的。但是,在android上是對canvas(畫布)上進行clip的,要在畫圖之前對canvas進行clip,如果畫圖之後再對canvas進行clip不會影響到已經畫好的圖形。一定要記住clip是針對canvas而非圖形。
Op一共有 DIFFERENCE,INTERSECT,UNION,XOR, REVERSE_DIFFERENCE, REPLACE六種選擇。
例子:
在canvas上剪切從(0,0)到(60,60)的方塊。下圖藍色區域加紫色區域。
在canvas上剪切從(40,40)到(100,100)的方塊。下圖橄欖色區域加紫色區域。
在canvas上剪切從(0,0)到(100,100)的方塊。
先在第二方塊上加上Op參數例如:canvas.clipRect(40, 40, 100, 100, Region.Op. DIFFERENCE);
首先,需要搞清楚Op參數針對的對象。接着瞭解其含義。
Op參數針對的對象是之前剪切的區域以及當前要剪切的區域。
在本例中涉及到區域是從(0,0)到(60,60)的方塊和從(40,40)到(100,100)的方塊。
那有哪些含義呢?就是表示當前要剪切的區域與之前剪切過的之間的關係。
DIFFERENCE:之前剪切過除去當前要剪切的區域(藍色區域)。
INTERSECT:當前要剪切的區域在之前剪切過內部的部分(紫色區域)。
UNION:當前要剪切的區域加上之前剪切過內部的部分(藍色區域+紫色區域+橄欖色區域)。
XOR:異或,當前要剪切的區域與之前剪切過的進行異或。(藍色區域+橄欖色區域)。
REVERSE_DIFFERENCE:與DIFFERENCE相反,以當前要剪切的區域爲參照物,當前要剪切的區域除去之前剪切過的區域(橄欖色區域);
REPLACE:用當前要剪切的區域代替之前剪切過的區域。(橄欖色區域+紫色區域);
沒帶Op參數效果與INTERSECT的效果一樣,兩個區域的交集。
package com.example.jax.clip;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Region;
import android.text.TextPaint;
import android.util.AttributeSet;
import android.view.View;
/**
* Created by Jax on 16/10/19 10:50
* 郵箱:[email protected]
*/
public class ClipView extends View {
public ClipView(Context context) {
super(context);
}
public ClipView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public ClipView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
int width = getMeasuredWidth();
int height = getMeasuredHeight();
Paint paint = new Paint();
paint.setColor(Color.LTGRAY);
TextPaint textPaint=new TextPaint();
textPaint.setColor(Color.WHITE);
textPaint.setTextSize(24);
canvas.drawRect(0, 0, width, height, paint);
paint.setStyle(Paint.Style.STROKE);
paint.setColor(Color.RED);
canvas.drawRect(50, 50, 300, 300,paint);
paint.setColor(Color.CYAN);
canvas.drawRect(250, 250, 500, 500,paint);
paint.setColor(Color.BLACK);
canvas.drawRect(50, 50, 500, 500,paint);
//======================== default & INTERSECT ==========================
canvas.save();
canvas.clipRect(550, 0, 800, 300);
canvas.clipRect(750, 250, 1000, 500);
canvas.clipRect(550, 0, 1000, 500);
canvas.drawColor(Color.YELLOW);
canvas.restore();
canvas.drawText("default & INTERSECT",700,550,textPaint);
//======================== DIFFERENCE ==========================
canvas.save();
canvas.clipRect(50, 600, 300, 900);
canvas.clipRect(250, 850, 500, 1100, Region.Op.DIFFERENCE);
canvas.clipRect(50, 600, 500, 1100);
canvas.drawColor(Color.YELLOW);
canvas.restore();
canvas.drawText("DIFFERENCE",200,1150,textPaint);
//======================== REVERSE_DIFFERENCE ==========================
canvas.save();
canvas.clipRect(550, 600, 800, 900);
canvas.clipRect(750, 850, 1000, 1100, Region.Op.REVERSE_DIFFERENCE);
canvas.clipRect(550, 600, 1000, 1100);
canvas.drawColor(Color.YELLOW);
canvas.restore();
canvas.drawText("REVERSE_DIFFERENCE",700,1150,textPaint);
//======================== REPLACE ==========================
canvas.save();
canvas.clipRect(50, 1150, 300, 1450);
canvas.clipRect(250, 1400, 500, 1650, Region.Op.REPLACE);
canvas.clipRect(50, 1150, 500, 1650);
canvas.drawColor(Color.YELLOW);
canvas.restore();
canvas.drawText("REPLACE",200,1700,textPaint);
//======================== XOR ==========================
canvas.save();
canvas.clipRect(550, 1150, 800, 1450);
canvas.clipRect(750, 1400, 1000, 1650, Region.Op.XOR);
canvas.clipRect(550, 1150, 1000, 1650);
canvas.drawColor(Color.YELLOW);
canvas.restore();
canvas.drawText("XOR",700,1700,textPaint);
//======================== UNION ==========================
canvas.save();
canvas.clipRect(50, 1700, 300, 2000);
canvas.clipRect(250, 1950, 500, 2200, Region.Op.UNION);
canvas.clipRect(50, 1700, 500, 2200);
canvas.drawColor(Color.YELLOW);
canvas.restore();
canvas.drawText("UNION",200,2250,textPaint);
}
}