canvas path paint 的使用（游戏必备）

Canvas类主要实现了屏幕的绘制过程，其中包含了很多实用的方法，比如绘制一条路径、区域、贴图、画点、画线、渲染文本，下面是Canvas类常用的方法，当然Android开发网提示大家很多方法有不同的重载版本，参数更灵活。

  void drawRect(RectF rect, Paint paint) //绘制区域，参数一为RectF一个区域

  void drawPath(Path path, Paint paint) //绘制一个路径，参数一为Path路径对象 

  void  drawBitmap(Bitmap bitmap, Rect src, Rect dst, Paint paint)   //贴图，参数一就是我们常规的Bitmap对象，参数二是源区域(Android123提示这里是bitmap)，参数三是目标区域(应该在 canvas的位置和大小)，参数四是Paint画刷对象，因为用到了缩放和拉伸的可能，当原始Rect不等于目标Rect时性能将会有大幅损失。 

  void  drawLine(float startX, float startY, float stopX, float stopY, Paint paint)  //画线，参数一起始点的x轴位置，参数二起始点的y轴位置，参数三终点的x轴水平位置，参数四y轴垂直位置，最后一个参数为Paint画刷对象。

  void  drawPoint(float x, float y, Paint paint) //画点，参数一水平x轴，参数二垂直y轴，第三个参数为Paint对象。
 
         void drawText(String text, float x, float y, Paint paint)  //渲染文本，Canvas类除了上面的还可以描绘文字，参数一是String类型的文本，参数二x轴，参数三y轴，参数四是Paint对象。

  void  drawTextOnPath(String text, Path path, float hOffset, float vOffset, Paint paint) //在路径上绘制文本，相对于上面第二个参数是Path路径对象

  从 上面来看我们可以看出Canvas绘制类比较简单同时很灵活，实现一般的方法通常没有问题，同时可以叠加的处理设计出一些效果，不过细心的网友可能发现最 后一个参数均为Paint对象。如果我们把Canvas当做绘画师来看，那么Paint就是我们绘画的工具，比如画笔、画刷、颜料等等

Paint类常用方法:

 void  setARGB(int a, int r, int g, int b)  设置Paint对象颜色，参数一为alpha透明通道

       void  setAlpha(int a)  设置alpha不透明度，范围为0~255

 void  setAntiAlias(boolean aa)  //是否抗锯齿

 void  setColor(int color)  //设置颜色，这里Android内部定义的有Color类包含了一些常见颜色定义 

 void  setFakeBoldText(boolean fakeBoldText)  //设置伪粗体文本
  
       void  setLinearText(boolean linearText)  //设置线性文本
 
       PathEffect  setPathEffect(PathEffect effect)  //设置路径效果
 
       Rasterizer  setRasterizer(Rasterizer rasterizer) //设置光栅化
 
       Shader  setShader(Shader shader)  //设置阴影 

 void  setTextAlign(Paint.Align align)  //设置文本对齐

       void  setTextScaleX(float scaleX)  //设置文本缩放倍数，1.0f为原始
  
       void  setTextSize(float textSize)  //设置字体大小
 
       Typeface  setTypeface(Typeface typeface)  //设置字体，Typeface包含了字体的类型，粗细，还有倾斜、颜色等。

 void  setUnderlineText(boolean underlineText)  //设置下划线
 
 最终Canvas和Paint在onDraw中直接使用

[java] view plaincopyprint?
  1. <span style="font-size:16px;"> @Override  
  2.     protected void onDraw(Canvas canvas) {  
  3.   
  4.     Paint paintRed=new Paint();  
  5.   
  6.     paintRed.setColor(Color.Red);  
  7.   
  8.     canvas.drawPoint(11,3,paintRed); //在坐标11,3上画一个红点  
  9.   
  10. }</span>  

 

对于Android游戏开发或者说2D绘图中来讲Path路径可以用强大这个词来形容。在Photoshop中我们可能还记得使用钢笔工具绘制路径的方法。Path路径类在位于android.graphics.Path中，Path的构造方法比较简单，如下

   Path cwj = new Path();  //构造方法

   下面我们画一个封闭的原型路径，我们使用Path类的addCircle方法

   cwj.addCircle(10,10,50,Direction.CW); //参数一为x轴水平位置，参数二为y轴垂直位置，第三个参数为圆形的半径，最后是绘制的方向，CW为顺时针方向，而CCW是逆时针方向。

    结合Android上次提到的Canvas类中的绘制方法drawPath和drawTextOnPath，我们继续可以在onDraw中加入。

   canvas.drawPath(cwj,paintPath); //Android123提示大家这里paintPath为路径的画刷颜色，可以见下文完整的源代码。

   canvas.drawTextOnPath("Android123 - CWJ",cwj,0,15,paintText); //将文字绘制到路径中去，有关drawTextOnPath的参数如下:

   方法原型public void drawTextOnPath (String text, Path path, float hOffset, float vOffset, Paint paint) 
    参数列表:

text  为需要在路径上绘制的文字内容。 

path 将文字绘制到哪个路径。 

hOffset   距离路径开始的距离
           vOffset   离路径的上下高度，这里Android开发网提示大家，该参数类型为float浮点型，除了精度为8位小数外，可以为正或负，当为正时文字在路径的圈里面，为负时在路径的圈外面。 
              paint  最后仍然是一个Paint对象用于制定Text本文的颜色、字体、大小等属性。

  下面是我们的onDraw方法中如何绘制路径的演示代码为:

[java] view plaincopyprint?
  1. <span style="font-size:16px;">   @Override  
  2.    protected void onDraw(Canvas canvas) {  
  3.   
  4.     Paint paintPath=new Paint();  
  5.   
  6.     Paint paintText=new Paint();  
  7.   
  8.     paintPath.setColor(Color.Red); //路径的画刷为红色  
  9.   
  10.     paintText.setColor(Color.Blue); //路径上的文字为蓝色  
  11.   
  12.     Path pathCWJ=new Path();  
  13.   
  14.     pathCWJ.addCircle(10,10,50,Direction.CW); // 半径为50px，绘制的方向CW为顺时针  
  15.   
  16.     canvas.drawPath(pathCWJ,paintPath);  
  17.   
  18.    canvas.drawTextOnPath("Android123 - CWJ",pathCWJ,0,15,paintText); //在路径上绘制文字  
  19.   }</span>  



   有关路径类常用的方法如下:

 void  addArc(RectF oval, float startAngle, float sweepAngle)  //为路径添加一个多边形
 
       void  addCircle(float x, float y, float radius, Path.Direction dir)  //给path添加圆圈
 
void  addOval(RectF oval, Path.Direction dir)  //添加椭圆形

void  addRect(RectF rect, Path.Direction dir)  //添加一个区域
  
void  addRoundRect(RectF rect, float[] radii, Path.Direction dir)  //添加一个圆角区域
 
boolean  isEmpty()  //判断路径是否为空
  
void  transform(Matrix matrix)  //应用矩阵变换
 
void  transform(Matrix matrix, Path dst)  //应用矩阵变换并将结果放到新的路径中，即第二个参数。

  有关路径的高级效果大家可以使用PathEffect类.

 

[java] view plaincopyprint?
    1. /**   
    2.      * Paint类介绍   
    3.      *    
    4.      * Paint即画笔，在绘图过程中起到了极其重要的作用，画笔主要保存了颜色，   
    5.      * 样式等绘制信息，指定了如何绘制文本和图形，画笔对象有很多设置方法，   
    6.      * 大体上可以分为两类，一类与图形绘制相关，一类与文本绘制相关。          
    7.      *    
    8.      * 1.图形绘制   
    9.      * setARGB(int a,int r,int g,int b);   
    10.      * 设置绘制的颜色，a代表透明度，r，g，b代表颜色值。   
    11.      *    
    12.      * setAlpha(int a);   
    13.      * 设置绘制图形的透明度。   
    14.      *    
    15.      * setColor(int color);   
    16.      * 设置绘制的颜色，使用颜色值来表示，该颜色值包括透明度和RGB颜色。   
    17.      *    
    18.     * setAntiAlias(boolean aa);   
    19.      * 设置是否使用抗锯齿功能，会消耗较大资源，绘制图形速度会变慢。   
    20.      *    
    21.      * setDither(boolean dither);   
    22.      * 设定是否使用图像抖动处理，会使绘制出来的图片颜色更加平滑和饱满，图像更加清晰   
    23.      *    
    24.      * setFilterBitmap(boolean filter);   
    25.      * 如果该项设置为true，则图像在动画进行中会滤掉对Bitmap图像的优化操作，加快显示   
    26.      * 速度，本设置项依赖于dither和xfermode的设置   
    27.      *    
    28.      * setMaskFilter(MaskFilter maskfilter);   
    29.      * 设置MaskFilter，可以用不同的MaskFilter实现滤镜的效果，如滤化，立体等       *    
    30.      * setColorFilter(ColorFilter colorfilter);   
    31.      * 设置颜色过滤器，可以在绘制颜色时实现不用颜色的变换效果   
    32.      *    
    33.      * setPathEffect(PathEffect effect);   
    34.      * 设置绘制路径的效果，如点画线等   
    35.      *    
    36.      * setShader(Shader shader);   
    37.      * 设置图像效果，使用Shader可以绘制出各种渐变效果   
    38.      *   
    39.      * setShadowLayer(float radius ,float dx,float dy,int color);   
    40.      * 在图形下面设置阴影层，产生阴影效果，radius为阴影的角度，dx和dy为阴影在x轴和y轴上的距离，color为阴影的颜色   
    41.      *    
    42.      * setStyle(Paint.Style style);   
    43.      * 设置画笔的样式，为FILL，FILL_OR_STROKE，或STROKE   
    44.      *    
    45.      * setStrokeCap(Paint.Cap cap);   
    46.      * 当画笔样式为STROKE或FILL_OR_STROKE时，设置笔刷的图形样式，如圆形样式   
    47.      * Cap.ROUND,或方形样式Cap.SQUARE   
    48.      *    
    49.      * setSrokeJoin(Paint.Join join);   
    50.      * 设置绘制时各图形的结合方式，如平滑效果等   
    51.      *    
    52.      * setStrokeWidth(float width);   
    53.      * 当画笔样式为STROKE或FILL_OR_STROKE时，设置笔刷的粗细度   
    54.      *    
    55.      * setXfermode(Xfermode xfermode);   
    56.      * 设置图形重叠时的处理方式，如合并，取交集或并集，经常用来制作橡皮的擦除效果   
    57.      *    
    58.      * 2.文本绘制   
    59.      * setFakeBoldText(boolean fakeBoldText);   
    60.      * 模拟实现粗体文字，设置在小字体上效果会非常差   
    61.      *    
    62.      * setSubpixelText(boolean subpixelText);   
    63.      * 设置该项为true，将有助于文本在LCD屏幕上的显示效果   
    64.      *    
    65.      * setTextAlign(Paint.Align align);   
    66.      * 设置绘制文字的对齐方向   
    67.      *    
    68.    * setTextScaleX(float scaleX);   
    69.     * 设置绘制文字x轴的缩放比例，可以实现文字的拉伸的效果   
    70.      *    
    71.      * setTextSize(float textSize);   
    72.      * 设置绘制文字的字号大小   
    73.      *    
    74.      * setTextSkewX(float skewX);   
    75.      * 设置斜体文字，skewX为倾斜弧度   
    76.      *    
    77.      * setTypeface(Typeface typeface);   
    78.      * 设置Typeface对象，即字体风格，包括粗体，斜体以及衬线体，非衬线体等   
    79.      *    
    80.      * setUnderlineText(boolean underlineText);   
    81.      * 设置带有下划线的文字效果   
    82.      *    
    83.      * setStrikeThruText(boolean strikeThruText);   
    84.      * 设置带有删除线的效果   
    85.      *    
    86.      */   
posted @ 2012-09-28 20:20  张兰云  阅读(485)  评论(0)  编辑  收藏  举报