Android View绘制 之 Canvas-新闻详情

Android View绘制 之 Canvas


发布时间:2017-09-29责任编辑:朱明 浏览:963


Canvas提供了ClipPath, ClipRect, ClipRegion 等方法来裁剪,通过Path, Rect ,Region 的不同组合,Android几乎可以支持任意形状的裁剪区域。 

 

    android.graphics包中定义了Point, Rect, Path, Region 这几种几何形状,Path可以为有圆弧,椭圆,二次曲线,三次曲线,线段,矩形等基本几何图形或是由这些基本几何图形组合而成,Path可以为开放或是闭合曲线。Rect提供了定义矩形的简洁方法。Region则支持通过区域的“加”,“减”,“并”,“异或”等逻辑运算由多个Region组合而成。Region.Op定义了Region支持的区域间运算种类。 

 

    Clipping 介绍有Region运算来为Canvs定义剪裁区域后,同一幅图最后显示的效果。canvas.save();和canvas.restore();用于保存和恢复Canvas的状态属性。 

 

    drawScene定义了绘图的内容:一条红线,一个绿圆,和“Clipping”文字。 

 

Java代码  

 

  1. private void drawScene(Canvas canvas) {  

  2.     canvas.clipRect(00100100);  

  3.       

  4.     canvas.drawColor(Color.WHITE);  

  5.    

  6.     mPaint.setColor(Color.RED);  

  7.     canvas.drawLine(00100100, mPaint);  

  8.    

  9.     mPaint.setColor(Color.GREEN);  

  10.     canvas.drawCircle(307030, mPaint);  

  11.    

  12.     mPaint.setColor(Color.BLUE);  

  13.     canvas.drawText("Clipping"10030, mPaint);  

  14. }  

 

 

剪裁区域为两个矩形相减: 

Java代码  

 

  1. canvas.save();  

  2. canvas.translate(16010);  

  3. canvas.clipRect(10109090);  

  4. canvas.clipRect(30307070, Region.Op.DIFFERENCE);  

  5. drawScene(canvas);  

  6. canvas.restore();  

 

剪裁区域为一个圆: 

Java代码  

 

  1. canvas.save();  

  2. canvas.translate(10160);  

  3. mPath.reset();  

  4. canvas.clipPath(mPath); // makes the clip empty  

  5. mPath.addCircle(505050, Path.Direction.CCW);  

  6. canvas.clipPath(mPath, Region.Op.REPLACE);  

  7. drawScene(canvas);  

  8. canvas.restore();  

 

 

剪裁区域为两个矩形的并集: 

Java代码  

 

  1. canvas.save();  

  2. canvas.translate(160160);  

  3. canvas.clipRect(006060);  

  4. canvas.clipRect(4040100100, Region.Op.UNION);  

  5. drawScene(canvas);  

  6. canvas.restore();  

 

 

剪裁区域为两个矩形的异或集: 

Java代码  

 

  1. canvas.save();  

  2. canvas.translate(10310);  

  3. canvas.clipRect(006060);  

  4. canvas.clipRect(4040100100, Region.Op.XOR);  

  5. drawScene(canvas);  

  6. canvas.restore();  

 

 

最后一个为两个矩形的逆向差集: 

Java代码  

 

  1. canvas.save();  

  2. canvas.translate(160310);  

  3. canvas.clipRect(006060);  

  4. canvas.clipRect(4040100100,  

  5. Region.Op.REVERSE_DIFFERENCE);  

  6. drawScene(canvas);  

  7. canvas.restore();  

 

 

效果图片: 

2.png

 

诚信工作室  供稿