|
|
@@ -0,0 +1,237 @@
|
|
|
+package com.xunao.effectdemo.view;
|
|
|
+
|
|
|
+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.PathEffect;
|
|
|
+import android.graphics.Rect;
|
|
|
+import android.graphics.RectF;
|
|
|
+import android.util.AttributeSet;
|
|
|
+import android.util.Log;
|
|
|
+import android.view.View;
|
|
|
+
|
|
|
+import androidx.annotation.Nullable;
|
|
|
+
|
|
|
+import com.xunao.effectdemo.R;
|
|
|
+import com.xunao.effectdemo.bean.RadarMapData;
|
|
|
+
|
|
|
+/**
|
|
|
+ * Created by Administrator on 2018/3/7 0007.
|
|
|
+ */
|
|
|
+
|
|
|
+public class RadarMapView extends View {
|
|
|
+ private RadarMapData radarMapData;
|
|
|
+ private float angle;//每项数值之间夹角
|
|
|
+ private int count=6;//数值项个数
|
|
|
+ private int contextX,contextY;//中心点坐标
|
|
|
+ private float radius=100;//网格最大半径
|
|
|
+ private Paint mainPaint; //雷达区画笔
|
|
|
+ private Paint valuePaint; //数据区画笔
|
|
|
+ private Paint textPaint; //文本画笔
|
|
|
+ private String[] titles={"a","b","c","d","e","f"};
|
|
|
+ private String[] contents={"speaking","reading","c","d","e"};
|
|
|
+ private Double[] values={25.0,67.8,55.4,89.0,56.9,70.0};
|
|
|
+ private Double[] qualifiedValues={25.0,67.8,55.4,89.0,56.9,70.0};
|
|
|
+ private Double[] temValuses={0.0,0.0,0.0,0.0,0.0,0.0,0.0};
|
|
|
+ private Double[] temQualifiedValuses={0.0,0.0,0.0,0.0,0.0,0.0,0.0};
|
|
|
+ private float maxValue=100;//数据最大值
|
|
|
+ private float mDuration=1000;//动画时长
|
|
|
+ private float mCount=100;//分多少次运动
|
|
|
+ private float mCurrent = 100; // 当前已进行时长
|
|
|
+ private float mPiece = mDuration/mCount; // 每一份的时长
|
|
|
+ public RadarMapView(Context context) {
|
|
|
+ this(context,null);
|
|
|
+
|
|
|
+ }
|
|
|
+ public RadarMapView(Context context, @Nullable AttributeSet attrs) {
|
|
|
+ super(context, attrs);;
|
|
|
+ mainPaint=new Paint();
|
|
|
+ textPaint = new Paint();
|
|
|
+ valuePaint = new Paint();
|
|
|
+ mainPaint.setColor(Color.BLUE);
|
|
|
+ mainPaint.setStyle(Paint.Style.STROKE);
|
|
|
+ mainPaint.setAntiAlias(true);
|
|
|
+ textPaint.setColor(Color.BLUE);
|
|
|
+ textPaint.setStyle(Paint.Style.FILL_AND_STROKE);
|
|
|
+ textPaint.setAntiAlias(true);
|
|
|
+ valuePaint.setColor(Color.BLUE);
|
|
|
+ valuePaint.setStyle(Paint.Style.STROKE);
|
|
|
+ valuePaint.setAntiAlias(true);
|
|
|
+ }
|
|
|
+
|
|
|
+ @Override
|
|
|
+ protected void onSizeChanged(int w, int h, int oldw, int oldh) {
|
|
|
+ super.onSizeChanged(w, h, oldw, oldh);
|
|
|
+ contextX=w/2;
|
|
|
+ contextY=h/2;
|
|
|
+ radius=Math.min(w,h)/4*0.8f;
|
|
|
+ }
|
|
|
+
|
|
|
+ @Override
|
|
|
+ protected void onDraw(Canvas canvas) {
|
|
|
+ super.onDraw(canvas);
|
|
|
+ drawPolygon(canvas);//绘制正多边形
|
|
|
+ drawLigature(canvas);
|
|
|
+ drawTitle(canvas);//绘制标题
|
|
|
+ drawCover(canvas);//绘制覆盖区域
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ private void drawLigature(Canvas canvas) {
|
|
|
+ Path path=new Path();
|
|
|
+ for (int i=0;i<count;i++){
|
|
|
+ path.reset();
|
|
|
+ path.moveTo(contextX,contextY);//将起点移到多边形中心点
|
|
|
+ float x= (float) (contextX+radius*Math.cos(angle*i));
|
|
|
+ float y = (float) (contextY + radius * Math.sin(angle * i));
|
|
|
+ path.lineTo(x,y);
|
|
|
+ canvas.drawPath(path,mainPaint);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ private void drawPolygon(Canvas canvas) {
|
|
|
+ Path path=new Path();
|
|
|
+ float r=radius/(7-1);
|
|
|
+ for(int i=1;i<7;i++){//绘制的层数
|
|
|
+ float curR=r*i;//当前层数半径
|
|
|
+ path.reset();//使path重置
|
|
|
+// for (int j=0;j<count;j++){
|
|
|
+// if(j==0){//第一次绘制，将起点移到第一个将要绘制的点,即多边形中心点移动到起点
|
|
|
+// path.moveTo(contextX+curR,contextY);
|
|
|
+// }else{
|
|
|
+// //使用三角函数计算x坐标和有坐标
|
|
|
+// float x= (float) (contextX+curR*Math.cos(angle*j));
|
|
|
+// float y= (float) (contextY+curR*Math.sin(angle*j));
|
|
|
+// path.lineTo(x,y);}
|
|
|
+//
|
|
|
+// }
|
|
|
+ path.addCircle(contextX,contextY,curR, Path.Direction.CCW);
|
|
|
+ path.close();
|
|
|
+// PathEffect effect = new DashPathEffect(new float[]{5,5}, 1);
|
|
|
+// mainPaint.setPathEffect(effect);
|
|
|
+ canvas.drawPath(path,mainPaint);
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ private void drawTitle(Canvas canvas) {
|
|
|
+ Paint.FontMetrics fontMetrics=textPaint.getFontMetrics();
|
|
|
+ float fontHeight=fontMetrics.descent-fontMetrics.ascent;//得到文字的高度
|
|
|
+ textPaint.setTextAlign(Paint.Align.CENTER);
|
|
|
+ for(int i=0;i<count;i++){
|
|
|
+
|
|
|
+ float x = (float) (contextX + (radius + fontHeight/2) * Math.cos(angle * i));
|
|
|
+ float y = (float) (contextY + (radius + fontHeight/2) * Math.sin(angle * i));
|
|
|
+ if(angle*i>=0&&angle*i<=Math.PI/2){
|
|
|
+ textPaint.setTextSize(28);
|
|
|
+ Rect rect = new Rect();
|
|
|
+ textPaint.getTextBounds(titles[i],0,titles[i].length(),rect);
|
|
|
+ textPaint.setColor(getResources().getColor(R.color.blue3COpacity20));
|
|
|
+ int w = rect.width();
|
|
|
+ int h = rect.height();
|
|
|
+ RectF mRect = new RectF(x+fontHeight*2-30-w/2,y+fontHeight/3-h-9,x+fontHeight*2+30+w/2,y+fontHeight/3+17);
|
|
|
+ canvas.drawRoundRect(mRect,36,36,textPaint);
|
|
|
+ //第四象限
|
|
|
+ textPaint.setColor(getResources().getColor(R.color.blue3C));
|
|
|
+ canvas.drawText(titles[i],x+fontHeight*2,y+fontHeight/3,textPaint);
|
|
|
+ textPaint.setTextSize(20);
|
|
|
+ canvas.drawText(contents[i],x+fontHeight*2,y+fontHeight*5/3,textPaint);
|
|
|
+
|
|
|
+
|
|
|
+ }else if(angle*i>Math.PI/2&&angle*i<=Math.PI){
|
|
|
+
|
|
|
+ //第三象限
|
|
|
+ float drs=textPaint.measureText(titles[i]);
|
|
|
+ textPaint.setTextSize(28);
|
|
|
+ canvas.drawText(titles[i],x-drs,y+fontHeight/3,textPaint);
|
|
|
+ }else if(angle*i>Math.PI&&angle*i<3*Math.PI/2){
|
|
|
+
|
|
|
+ //第二象限
|
|
|
+ float drs=textPaint.measureText(titles[i]);
|
|
|
+ textPaint.setTextSize(28);
|
|
|
+ canvas.drawText(titles[i],x-drs,y,textPaint);
|
|
|
+
|
|
|
+ }else if(angle*i>3*Math.PI/2&&angle*i<=2*Math.PI){
|
|
|
+ //第一象限
|
|
|
+ textPaint.setTextSize(28);
|
|
|
+ canvas.drawText(titles[i],x,y,textPaint);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ private void drawCover(Canvas canvas) {
|
|
|
+ Path path=new Path();
|
|
|
+ for (int i = 0; i < count; i++) {
|
|
|
+ float percent = (float) (values[i] / maxValue);//当前数值占最大数值百分比
|
|
|
+ float x = (float) (contextX + radius * percent * Math.cos(angle * i));
|
|
|
+ float y = (float) (contextY + radius * percent * Math.sin(angle * i));
|
|
|
+ if (i == 0) {
|
|
|
+ path.moveTo(contextX + radius * percent, contextY);//将起点移到第一个将要绘制的点
|
|
|
+ } else {
|
|
|
+ path.lineTo(x, y);
|
|
|
+ }
|
|
|
+// valuePaint.setStyle(Paint.Style.FILL);
|
|
|
+// canvas.drawCircle(x, y, 8, valuePaint);//绘制小圆点
|
|
|
+
|
|
|
+ }
|
|
|
+ path.close();
|
|
|
+ PathEffect effect = new DashPathEffect(new float[]{1,0}, 0);
|
|
|
+ valuePaint.setPathEffect(effect);
|
|
|
+// valuePaint.setAlpha(130);//设置画笔透明度
|
|
|
+ valuePaint.setStyle(Paint.Style.FILL);//填充
|
|
|
+ valuePaint.setColor(getResources().getColor(R.color.radar_bg_color));
|
|
|
+ canvas.drawPath(path, valuePaint);
|
|
|
+ valuePaint.setStyle(Paint.Style.STROKE);//描边
|
|
|
+ valuePaint.setStrokeWidth(5);
|
|
|
+ valuePaint.setColor(getResources().getColor(R.color.radar_color));
|
|
|
+ canvas.drawPath(path, valuePaint);
|
|
|
+
|
|
|
+
|
|
|
+ Path qPath=new Path();
|
|
|
+ for (int i = 0; i < count; i++) {
|
|
|
+ float percent = (float) (qualifiedValues[i] / maxValue);//当前数值占最大数值百分比
|
|
|
+ float x = (float) (contextX + radius * percent * Math.cos(angle * i));
|
|
|
+ float y = (float) (contextY + radius * percent * Math.sin(angle * i));
|
|
|
+ if (i == 0) {
|
|
|
+ qPath.moveTo(contextX + radius * percent, contextY);//将起点移到第一个将要绘制的点
|
|
|
+ } else {
|
|
|
+ qPath.lineTo(x, y);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ qPath.close();
|
|
|
+ PathEffect qEffect = new DashPathEffect(new float[]{10,10}, 1);
|
|
|
+ valuePaint.setPathEffect(qEffect);
|
|
|
+ valuePaint.setStyle(Paint.Style.STROKE);//描边
|
|
|
+ valuePaint.setStrokeWidth(5);
|
|
|
+ valuePaint.setColor(getResources().getColor(R.color.orangeFE));
|
|
|
+ canvas.drawPath(qPath, valuePaint);
|
|
|
+
|
|
|
+// mCurrent+=mPiece;
|
|
|
+// if(mCurrent<mDuration) {
|
|
|
+// for (int i=0;i<count;i++){
|
|
|
+// temValuses[i]=values[i]*mCurrent/mDuration;
|
|
|
+// temQualifiedValuses[i]=qualifiedValues[i]*mCurrent/mDuration;
|
|
|
+// }
|
|
|
+// postInvalidateDelayed((long) mPiece);//刷新view
|
|
|
+// }
|
|
|
+ }
|
|
|
+ public void setData(RadarMapData radarMapData) {
|
|
|
+ this.radarMapData = radarMapData;
|
|
|
+ count = radarMapData.getCount();
|
|
|
+ angle = (float) (Math.PI * 2 / count);
|
|
|
+ mainPaint.setColor(radarMapData.getMainPaintColor());
|
|
|
+ valuePaint.setColor(radarMapData.getValuePaintColor());
|
|
|
+ textPaint.setColor(radarMapData.getTextPaintColor());
|
|
|
+ titles=radarMapData.getTitles();
|
|
|
+ textPaint.setTextSize(radarMapData.getTextSize());
|
|
|
+ values=radarMapData.getValuse();
|
|
|
+ qualifiedValues= radarMapData.getQualifiedValue();
|
|
|
+ }
|
|
|
+ public void start(){
|
|
|
+ mCurrent=0;
|
|
|
+ postInvalidate();
|
|
|
+ }
|
|
|
+}
|
LAPTOP-K69FCNBP\crius