<RelativeLayout
      android:id="@+id/coupon_popup"
      android:layout_width="320dp"
      android:layout_height="200dp"
      android:layout_margin="20dp"
      android:gravity="center_vertical"
      android:background="@drawable/bg_border_stroke">

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

  <item>
    <shape>
      <stroke
          android:width="1dp"
          android:color="#E8A227" />

      <solid android:color="#FFFFFF" />

      <corners android:radius="5dp" />
    </shape>
  </item>
  <item
      android:bottom="1dp"
      android:left="1dp"
      android:right="1dp"
      android:top="1dp">
    <shape>
      <stroke
          android:dashGap="15dp"
          android:dashWidth="15dp"
          android:width="2.5dp"
          android:color="#E8A227" />

      <solid android:color="#FFFFFF" />

      <corners android:radius="5dp" />
    </shape>
  </item>

</layer-list>

public SweepGradient (float cx,float cy,int[] colors,float[] positions)

public static final int[] SWEEP_GRADIENT_COLORS = new int[]{Color.GREEN,Color.GREEN,Color.BLUE,Color.RED,Color.RED};
mColorShader = new SweepGradient(radius,radius,SWEEP_GRADIENT_COLORS,null);

DashPathEffect(float[] intervals,float phase)

//计算路径的长度
PathMeasure pathMeasure = new PathMeasure(mPath,false);
float length = pathMeasure.getLength();
float step = length / 60;
dashPathEffect = new DashPathEffect(new float[]{step / 3,step * 2 / 3},0);

package com.example.yyw.xfermodedemo;

import android.animation.ValueAnimator;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.DashPathEffect;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PathMeasure;
import android.graphics.RectF;
import android.graphics.SweepGradient;
import android.util.AttributeSet;
import android.view.View;

/**
 * Created by yyw on 2016/10/11.
 */

public class OilTableLine extends View {
 public static final int[] SWEEP_GRADIENT_COLORS = new int[]{Color.GREEN,Color.RED};
 private int tableWidth = 50;
 private Paint mPaint;
 private Path mPath;
 private RectF mTableRectF;
 //把路径分成虚线段的
 private DashPathEffect dashPathEffect;
 //给路径上色
 private SweepGradient mColorShader;
 //指针的路径
 private Path mPointerPath;
 private float mCurrentDegree = 60;

 public OilTableLine(Context context,AttributeSet attrs) {
  super(context,attrs);
  mPaint = new Paint();
  mPaint.setAntiAlias(true);
  mPaint.setDither(true);
  mPaint.setColor(Color.BLACK);
  mPath = new Path();
  mPointerPath = new Path();
  startAnimator();

 }

 @Override
 protected void onSizeChanged(int w,int h,int oldw,int oldh) {
  super.onSizeChanged(w,h,oldw,oldh);
  float size = Math.min(w,h) - tableWidth * 2;
  //油表的位置方框
  mTableRectF = new RectF(0,size,size);
  mPath.reset();
  //在油表路径中增加一个从起始弧度
  mPath.addArc(mTableRectF,60,240);
  //计算路径的长度
  PathMeasure pathMeasure = new PathMeasure(mPath,false);
  float length = pathMeasure.getLength();
  float step = length / 60;
  dashPathEffect = new DashPathEffect(new float[]{step / 3,0);

  float radius = size / 2;
  mColorShader = new SweepGradient(radius,null);
  //设置指针的路径位置
  mPointerPath.reset();
  mPointerPath.moveto(radius,radius - 20);
  mPointerPath.lineto(radius,radius + 20);
  mPointerPath.lineto(radius * 2 - tableWidth,radius);
  mPointerPath.close();
 }

 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  float dx = (getWidth() - mTableRectF.width()) / 2;
  float dy = (getHeight() - mTableRectF.height()) / 2;
  //把油表的方框平移到正中间
  canvas.translate(dx,dy);
  canvas.save();
  //旋转画布
  canvas.rotate(90,mTableRectF.width() / 2,mTableRectF.height() / 2);
  mPaint.setStyle(Paint.Style.stroke);
  mPaint.setstrokeWidth(tableWidth);
  mPaint.setPathEffect(dashPathEffect);
  mPaint.setShader(mColorShader);
  canvas.drawPath(mPath,mPaint);
  canvas.restore();
  //还原画笔
  mPaint.setPathEffect(null);
  mPaint.setShader(null);
  mPaint.setStyle(Paint.Style.FILL);
  mPaint.setstrokeWidth(tableWidth / 10);
  canvas.save();
  canvas.rotate(150 + mCurrentDegree,mTableRectF.height() / 2);
  canvas.drawPath(mPointerPath,mPaint);
  canvas.restore();
 }

 public void startAnimator() {
  ValueAnimator animator = ValueAnimator.ofFloat(0,240);
  animator.setDuration(40000);
  animator.setRepeatCount(ValueAnimator.INFINITE);
  animator.setRepeatMode(ValueAnimator.RESTART);
  animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
   @Override
   public void onAnimationUpdate(ValueAnimator animation) {
    mCurrentDegree = (int) (0 + (Float) animation.getAnimatedValue());
    invalidate();
   }
  });
  animator.start();
 }
}

有的时候我们需要一种虚线效果，比如图片的边框，愤怒的小鸟的飞翔路径，那么怎么绘制这些虚线呢？方法很多，目前我觉得好的有两种：

一、自己创建模式，一个点一个点的绘制。

二、用Android提供的 DashPathEffect 类来创建模式绘制。

下面我要演示的就是第二种方法，用Android提供给我的API来绘制。

由于是开发项目的一个小块，下面只能给出部分截图：

效果如上面。

下面看一下核心绘图代码：

public void draw(Canvas mcanvas) {
  GameLog.log(Tag, "draw");

  Paint mLinePaint = newPaint();
  mLinePaint.setColor(Color.WHITE);
  mLinePaint.setStyle(Paint.Style.STROKE);

  //绘制模式
  PathEffect effect = new DashPathEffect(new float[] { 1,2, 4, 8}, 1);
  mLinePaint.setAntiAlias(true);
  mLinePaint.setPathEffect(effect);
  mLinePaint.setStrokeWidth(4);

  if (GameManager.getState()== GameManager.GameStart) {
   GameLog.log(Tag,"GameStart");
   float[]oldPts = getPts(mOldPoints);
   mCanvas.drawLines(oldPts,mLinePaint);
   prepareLinesData();
   float[]newPts = getPts(mNewPoints);
   mCanvas.drawLines(newPts,mLinePaint);
  }

}
下面是关于这个DashPathEffect 的一些说明，摘录的：

DashPathEffect是PathEffect类的一个子类,可以使paint画出类似虚线的样子,并且可以任意指定虚实的排列方式.

代码中的float数组,必须是偶数长度,且>=2,指定了多少长度的实线之后再画多少长度的空白.

如本代码中,绘制长度1的实线,再绘制长度2的空白,再绘制长度4的实线,再绘制长度8的空白,依次重复.1是偏移量,可以不用理会.

简单介绍下 PathEffect类:

PathEffect是用来控制绘制轮廓(线条)的方式。

PathEffect对于绘制Path基本图形特别有用，但是它们也可以应用到任何Paint中从而影响线条绘制的方式。

使用PathEffect，可以改变一个形状的边角的外观并且控制轮廓的外表。

Android包含了多个PathEffect，包括：

CornerPathEffect 可以使用圆角来代替尖锐的角从而对基本图形的形状尖锐的边角进行平滑。

DashPathEffect 可以使用DashPathEffect来创建一个虚线的轮廓(短横线/小圆点)，而不是使用实线。你还可以指定任意的虚/实线段的重复模式。

DiscretePathEffect 与DashPathEffect相似，但是添加了随机性。当绘制它的时候，需要指定每一段的长度和与原始路径的偏离度。

PathDashPathEffect 这种效果可以定义一个新的形状(路径)并将其用作原始路径的轮廓标记。

下面的效果可以在一个Paint中组合使用多个Path Effect。

SumPathEffect 顺序地在一条路径中添加两种效果，这样每一种效果都可以应用到原始路径中，而且两种结果可以结合起来。

ComposePathEffect 将两种效果组合起来应用，先使用第一种效果，然后在这种效果的基础上应用第二种效果。

对象形状的PathEffect的改变会影响到形状的区域。这就能够保证应用到相同形状的填充效果将会绘制到新的边界中。

<!-- drawable 文件 -->
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="line">
 <stroke
 android:width="1dp"
 android:color="@color/dash_line"
 android:dashGap="2dp"
 android:dashWidth="3dp"/>
</shape>

<!-- 布局文件 -->
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:id="@+id/activity_main"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:orientation="vertical"
 android:gravity="center"
 tools:context="hope.example.dashlinedemo.MainActivity">

 <TextView
 android:layout_width="match_parent"
 android:layout_height="40dp"
 android:gravity="center"
 android:text="分享给微信好友"/>

 <View
 android:layout_width="match_parent"
 android:layout_height="2dp"
 android:background="@drawable/dash_line" />

 <TextView
 android:layout_width="match_parent"
 android:layout_height="40dp"
 android:gravity="center"
 android:text="分享至朋友圈" />
</LinearLayout>

<View
 android:layout_width="match_parent"
 android:layout_height="2dp"
 android:background="@drawable/dash_line"
 android:layerType="software"/>

public class DashLineView extends View {

 private Paint mPaint;

 public DashLineView(Context context,AttributeSet attrs) {
 super(context,attrs);

 mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
 mPaint.setColor(getResources().getColor(R.color.dash_line));
 mPaint.setstrokeWidth(3);
 mPaint.setPathEffect(new DashPathEffect(new float[] {5,5},0));

 }

 @Override
 protected void onDraw(Canvas canvas) {
 int centerY = getHeight() / 2;
 canvas.drawLine(0,centerY,getWidth(),mPaint);
 }
}

@Override
protected void onDraw(Canvas canvas) {
 int centerY = getHeight() / 2;
 setLayerType(LAYER_TYPE_SOFTWARE,null);
 canvas.drawLine(0,mPaint);
}

public class DashLineView extends View {

 private Paint mPaint;
 private Path mPath;

 public DashLineView(Context context,attrs);

 mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
 mPaint.setColor(getResources().getColor(R.color.dash_line));
 // 需要加上这句，否则画不出东西
 mPaint.setStyle(Paint.Style.stroke);
 mPaint.setstrokeWidth(3);
 mPaint.setPathEffect(new DashPathEffect(new float[] {15,0));

 mPath = new Path();
 }

 @Override
 protected void onDraw(Canvas canvas) {
 int centerY = getHeight() / 2;
 mPath.reset();
 mPath.moveto(0,centerY);
 mPath.lineto(getWidth(),centerY);
 canvas.drawPath(mPath,mPaint);
 }
}

Path path = new Path();
path.addCircle(0,3,Path.Direction.CW);
mPaint.setPathEffect(new PathDashPathEffect(path,15,PathDashPathEffect.Style.ROTATE));

// 其它方法还是不变
@Override
protected void onSizeChanged(int w,int h,int oldw,int oldh) {
 super.onSizeChanged(w,h,oldw,oldh);

 // 前四个参数没啥好讲的，就是起点和终点而已。
 // color数组的意思是从透明 -> 黑 -> 黑 -> 透明。
 // float数组与color数组对应：
 // 0 -> 0.3 (透明 -> 黑)
 // 0.3 - 0.7 (黑 -> 黑，即不变色)
 // 0.7 -> 1 (黑 -> 透明)
 mPaint.setShader(new LinearGradient(0,new int[] {Color.TRANSPARENT,Color.BLACK,Color.TRANSPARENT},new float[] {0,0.3f,0.7f,1f},Shader.TileMode.CLAMP));
}