Android蜘蛛网图/雷达图

直接上图

上一篇博客里本来想记录些基础知识，后来图画出来了，想想就算了，直接把东西贴出来，各位自己去看。
CSDN:http://download.csdn.net/download/mo_feng_/10041951
(最近CSDN都要求下载要积分很尴尬，Github最近又进不去，等以后补上吧，尽量传到Github上)
补充github上代码：https://github.com/fzhzx/Spider
东西很简单的。
先定义继承View的类，以及实现类

public class SpiderView extends View {
    public SpiderView(Context context) {
        super(context);
        init();
    }

    public SpiderView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public SpiderView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }
}

接下来一步步的去画图实现，先画出六条直线

// 画直线
    private void drawSixLine(Canvas canvas) {
        Path path = new Path();

        // 直接画图
        for (int i = 0; i < count; i++) {
            path.moveTo(x, y);
            path.lineTo((float)(x + r*Math.sin(Math.toRadians(i*angle))), (float)(y - r*Math.cos(Math.toRadians(i*angle))));
            path.close();
            canvas.drawPath(path, fiveLinePaint);
        }
        // 通过选择画图
//        for (int i = 0; i < count ; i++) {
//            canvas.rotate(60,x, y);
//            canvas.drawPath(path, fiveLinePaint);
//        }
    }

如何画两片阴影区域

 // 画阴影区1
    public void drawShadow(Canvas canvas) {
        Path path = new Path();
        float xx, yy;
        showdowPaint.setAlpha(255);
        for (int i = 0; i < count; i++) {
            xx = (float)(x + rArray[i]*r*Math.sin(Math.toRadians(i*angle)));
            yy = (float)(y - rArray[i]*r*Math.cos(Math.toRadians(i*angle)));
            if (i == 0) {
                path.moveTo(xx, yy);
            } else {
                path.lineTo(xx, yy);
            }
//            canvas.drawCircle((float)(x + rArray[i]*Math.sin(Math.toRadians(i*angle))), (float)(y - rArray[i]*Math.cos(Math.toRadians(i*angle))), 10, showdowPaint);
        }
        path.lineTo((float)(x + rArray[0]*r*Math.sin(Math.toRadians(0))), (float)(y - rArray[0]*r*Math.cos(Math.toRadians(0))));

        showdowPaint.setStyle(Paint.Style.STROKE);
        canvas.drawPath(path, showdowPaint);

        showdowPaint.setAlpha(footAlpha);
        //绘制填充区域
        showdowPaint.setStyle(Paint.Style.FILL_AND_STROKE);
        canvas.drawPath(path, showdowPaint);
    }

    // 画阴影区2
    public void drawToShadow(Canvas canvas) {
        Path path = new Path();
        float xx, yy;
        showdowToPaint.setAlpha(255);
        for (int i = 0; i < count; i++) {
            xx = (float)(x + rArrayTo[i]*r*Math.sin(Math.toRadians(i*angle)));
            yy = (float)(y - rArrayTo[i]*r*Math.cos(Math.toRadians(i*angle)));
            if (i == 0) {
                path.moveTo(xx, yy);
            } else {
                path.lineTo(xx, yy);
            }
//            canvas.drawCircle((float)(x + rArray[i]*Math.sin(Math.toRadians(i*angle))), (float)(y - rArray[i]*Math.cos(Math.toRadians(i*angle))), 10, showdowToPaint);
        }
        path.lineTo((float)(x + rArrayTo[0]*r*Math.sin(Math.toRadians(0))), (float)(y - rArrayTo[0]*r*Math.cos(Math.toRadians(0))));

        showdowToPaint.setStyle(Paint.Style.STROKE);
        canvas.drawPath(path, showdowToPaint);

        showdowToPaint.setAlpha(faceAlpha);
        //绘制填充区域
        showdowToPaint.setStyle(Paint.Style.FILL_AND_STROKE);
        canvas.drawPath(path, showdowToPaint);
    }

最后写字

// 写字
    private void drawText(Canvas canvas) {
        Paint.FontMetrics fontMetrics = textPaint.getFontMetrics();
        float fontHeight = fontMetrics.descent - fontMetrics.ascent;
//        float angle = (float) (Math.PI*2/count);
//        float angle = (float) Math.toRadians(this.angle);

        for(int i=0;i<count;i++){
            float xx = (float)(x + r*Math.sin(Math.toRadians(i*angle)));
            float yy = (float)(y - r*Math.cos(Math.toRadians(i*angle)));
            if(angle*i >= 0 && angle*i <= 90){//第1象限
                canvas.drawText(titles[i], xx,yy,textPaint);
            }else if(angle*i >= 270 && angle*i <= 360){//第4象限
                float dis = textPaint.measureText(titles[i]);//文本长度
                canvas.drawText(titles[i], xx-dis,yy,textPaint);
            }else if(angle*i >= 90 && angle*i < 180){//第2象限
                canvas.drawText(titles[i], xx,yy,textPaint);
            }else if(angle*i > 180 && angle*i < 270){//第3象限
                float dis = textPaint.measureText(titles[i]);//文本长度
                canvas.drawText(titles[i], xx-dis,yy,textPaint);
            } else if(angle*i == 180) {
                canvas.drawText(titles[i], xx,yy + 20,textPaint);
            } else if(angle*i == 0) {
                canvas.drawText(titles[i], xx,yy - 10,textPaint);
            }
        }

    }

基本上就是上面这些了，还有一些是画笔的定义。