直接上图
上一篇博客里本来想记录些基础知识,后来图画出来了,想想就算了,直接把东西贴出来,各位自己去看。
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);
}
}
}
基本上就是上面这些了,还有一些是画笔的定义。