package com.mm.android.deviceaddmodule.mobilecommon.widget.linechart.render; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Path; import android.graphics.RectF; import com.mm.android.deviceaddmodule.mobilecommon.widget.linechart.data.Entry; import com.mm.android.deviceaddmodule.mobilecommon.widget.linechart.data.Line; import com.mm.android.deviceaddmodule.mobilecommon.widget.linechart.data.Lines; import com.mm.android.deviceaddmodule.mobilecommon.widget.linechart.manager.MappingManager; import com.mm.android.deviceaddmodule.mobilecommon.widget.linechart.model.HighLight; import com.mm.android.deviceaddmodule.mobilecommon.widget.linechart.utils.SingleF_XY; import com.mm.android.deviceaddmodule.mobilecommon.widget.linechart.utils.Utils; public class HighLightRender extends BaseRender { private final static double UN_CHOOSE = Double.MIN_VALUE; Lines _lines; HighLight _highLight; Paint paintHighLight; Paint paintCircle; Paint paintHint; Context context; private enum DIRECTION{TOP, LEFT, BOTTOM, RIGHT} boolean TAG = false; public HighLightRender(Context context, RectF rectMain, MappingManager _MappingManager, Lines lines, HighLight highLight) { super(rectMain, _MappingManager); this._lines = lines; this._highLight = highLight; this.context = context; paintHighLight = new Paint(Paint.ANTI_ALIAS_FLAG); paintHint = new Paint(Paint.ANTI_ALIAS_FLAG); paintCircle = new Paint(Paint.ANTI_ALIAS_FLAG); } double highValueX = UN_CHOOSE; double hightValueY = UN_CHOOSE; int record_LineIndex = -1;// 记录哪条线 int record_EntryIndex = -1;// 记录哪条entry boolean isClick = false; public void highLight_ValueXY(double x, double y) { highValueX = x; hightValueY = y; isClick = true; } public void highLightLeft() { record_EntryIndex--; } public void highLightRight() { record_EntryIndex++; } public void render(Canvas canvas) { if (!_highLight.isEnable()) { return; } if (_lines == null) { return; } if (_lines.getLines().size() == 0) { return; } if (highValueX == UN_CHOOSE || hightValueY == UN_CHOOSE) { return; } // if (TAG) { // canvas.save(); // canvas.drawText("", 0, 0, new Paint()); // canvas.restore(); // TAG = false; // } else { canvas.save(); // canvas.clipRect(_rectMain); // 限制绘制区域 RectF rectF = new RectF(_rectMain); rectF.top = _rectMain.top - 100; rectF.bottom = _rectMain.bottom + 100; canvas.clipRect(rectF); // 限制绘制区域 drawHighLight_Hint(canvas); canvas.restore(); // } } private void drawHighLight_Hint(Canvas canvas) { double closeX = Double.MAX_VALUE; double closeY = Double.MAX_VALUE; Entry hitEntry = null; if (isClick) { // 点击光标进来的 int tempIndexEntry = -1; int tempLineIndex = -1; for (int i = 0; i < _lines.getLines().size(); i++) { Line line = _lines.getLines().get(i); if (!line.isEnable()) { continue; } int indexEntry = Line.getEntryIndex(line.getEntries(), highValueX, Line.Rounding.CLOSEST); if (indexEntry < 0 || indexEntry >= line.getEntries().size()) { continue; } Entry entry = line.getEntries().get(indexEntry); // 到点击的距离 double dx = Math.abs(entry.getX() - highValueX); double dy = Math.abs(entry.getY() - hightValueY); // 先考虑 x if (dx <= closeX) { closeX = dx; // 再考虑 y if (dy <= closeY) { closeY = dy; hitEntry = entry; tempIndexEntry = indexEntry; tempLineIndex = i; } } } if (record_EntryIndex == tempIndexEntry && record_LineIndex == tempLineIndex){ //点击的是同一个点，重置掉 record_LineIndex = -1; record_EntryIndex = -1; isClick = false; return; }else { record_EntryIndex = tempIndexEntry; record_LineIndex = tempLineIndex; } } else { // 左右移动进来的 try { Line line = _lines.getLines().get(record_LineIndex); if (line.isEnable()) { hitEntry = line.getEntries().get(record_EntryIndex); } } catch (Exception e) { hitEntry = null; } } if (hitEntry == null) { return; } // 考虑断掉的点 if (hitEntry.isNull_Y()) { return; } highValueX = hitEntry.getX();// real indexX SingleF_XY xy = _MappingManager.getPxByEntry(hitEntry); // draw high line if (_highLight.isDrawHighLine()) { //获取当前line的颜色，作为highLine的颜色 int lineSize = _lines.getLines().size(); Line line = lineSize > 0 && record_LineIndex < lineSize ? _lines.getLines().get(record_LineIndex) : null; int highLineColor = _highLight.getHighLightColor(); if (highLineColor == 0 && line != null) { highLineColor = line.getLineColor(); } //DRAW ROUND RING PIC //mid white ring float hightLightwidth = _highLight.getHighLightWidth(); paintCircle.setStrokeWidth( (int) Utils.dp2px(0.8f) ); //the radius of inner ball is 3dp. white ring width is 2dp paintCircle.setColor(Color.WHITE); paintCircle.setStyle(Paint.Style.STROKE); canvas.drawCircle(xy.getX(), xy.getY(), (int)Utils.dp2px(2+0.8f), paintCircle); //outside color ring paintCircle.setStrokeWidth((int)Utils.dp2px(1)); //color ring width is 2dp paintCircle.setColor(highLineColor); paintCircle.setStyle(Paint.Style.STROKE); canvas.drawCircle(xy.getX(), xy.getY(), (int)Utils.dp2px(2+0.8f+1), paintCircle); //DRAW HIGH VERTICAL LINE paintHighLight.setStrokeWidth(_highLight.getHighLightWidth()); //气泡颜色暂时默认都设置成灰色，隐藏横竖定位线 // paintHighLight.setColor(highLineColor); // canvas.drawLine(_rectMain.left, xy.getY(), _rectMain.right, xy.getY(), paintHighLight); //绘制highLight横线 // canvas.drawLine(xy.getX(), _rectMain.top, xy.getX(), _rectMain.bottom, paintHighLight); //DRAW LC HINT //绘制气泡 Paint paint = new Paint(); paint.setColor(Color.WHITE); paint.setTextSize(Utils.sp2px(14)); paint.setAntiAlias(true); String xStr = _highLight.getxValueAdapter().value2String(hitEntry.getX()+1); //文字内容 String yStr = _highLight.getyValueAdapter().value2String(hitEntry.getY()) + "人"; //文字长度 float textLen = Math.max(paint.measureText(xStr), paint.measureText(yStr)); Paint.FontMetrics fm = paint.getFontMetrics(); float textHeight1 = Utils.textHeight(paint); paint.setTextSize(Utils.sp2px(12)); float textHeight2 = Utils.textHeight(paint); float triangleWidth = Utils.dp2px(8); //三角宽高 float trianglePadding = 0; //三角距离数据原点的间距 float rectWidth = Math.min(Utils.dp2px(100), textLen + Utils.dp2px(5)*2); //矩形宽度 float rectHeight = Utils.dp2px(4) * 3 + textHeight1 + textHeight2; //矩形高度 //判断气泡画在哪个方向，必须先判断Y轴方向 DIRECTION direction = DIRECTION.LEFT; if (xy.getY() - rectHeight/2 < 0){ direction = DIRECTION.BOTTOM; }else if (xy.getY() + rectHeight/2 > _rectMain.bottom){ direction = DIRECTION.TOP; }else if (xy.getX() - triangleWidth - trianglePadding - rectWidth > _rectMain.left){ direction = DIRECTION.LEFT; }else { direction = DIRECTION.RIGHT; } //画三角 Path path = new Path(); float triangleX; //三角指向圆圈的角的X float triangleY; //三角指向圆圈的角的Y float rectRight = 0; //矩形右边 float rectLeft = 0; //矩形左边 float rectTop = 0; //矩形上边 float rectBottom = 0; //矩形下边 float text1X = 0; float text1Y = 0; float text2X = 0; float text2Y = 0; switch(direction){ case TOP : //三角 triangleX = xy.getX(); triangleY = xy.getY() - triangleWidth - trianglePadding; path.moveTo(triangleX, triangleY); path.lineTo(triangleX - triangleWidth/2, triangleY - triangleWidth); path.lineTo(triangleX + triangleWidth/2, triangleY - triangleWidth); path.close(); //矩形 rectLeft = triangleX - rectWidth/2; rectRight = triangleX + rectWidth/2; rectTop = triangleY - triangleWidth - rectHeight; rectBottom = triangleY - triangleWidth; //文字 text1X = rectLeft + Utils.dp2px(5); text1Y = rectTop + rectHeight/2 - 14; text2X = rectLeft + Utils.dp2px(5); text2Y = rectTop + rectHeight/2 - 6; break; case BOTTOM : triangleX = xy.getX(); triangleY = xy.getY() + triangleWidth + trianglePadding; path.moveTo(triangleX, triangleY); path.lineTo(triangleX + triangleWidth/2, triangleY + triangleWidth); path.lineTo(triangleX - triangleWidth/2, triangleY + triangleWidth); path.close(); //矩形 rectLeft = triangleX - rectWidth/2; rectRight = triangleX + rectWidth/2; rectTop = triangleY + triangleWidth; rectBottom = triangleY + triangleWidth + rectHeight; //文字 text1X = rectLeft + Utils.dp2px(5); text1Y = rectTop + rectHeight/2 - 14; text2X = rectLeft + Utils.dp2px(5); text2Y = rectTop + rectHeight/2 - 6; break; case LEFT : triangleX = xy.getX() - triangleWidth - trianglePadding; triangleY = xy.getY(); path.moveTo(triangleX, triangleY); path.lineTo(triangleX - triangleWidth, triangleY + triangleWidth/2); path.lineTo(triangleX - triangleWidth, triangleY - triangleWidth/2); path.close(); //矩形 rectLeft = triangleX - triangleWidth - rectWidth; rectRight = triangleX - triangleWidth; rectTop = triangleY - rectHeight/2; rectBottom = triangleY + rectHeight/2; //文字 text1X = rectLeft + Utils.dp2px(5); text1Y = triangleY - 14; text2X = rectLeft + Utils.dp2px(5); text2Y = triangleY - 6; break; case RIGHT : triangleX = xy.getX() + triangleWidth + trianglePadding; triangleY = xy.getY(); path.moveTo(triangleX, triangleY); path.lineTo(triangleX + triangleWidth, triangleY + triangleWidth/2); path.lineTo(triangleX + triangleWidth, triangleY - triangleWidth/2); path.close(); //矩形 rectLeft = triangleX + triangleWidth; rectRight = triangleX + triangleWidth + rectWidth; rectTop = triangleY - rectHeight/2; rectBottom = triangleY + rectHeight/2; //文字 text1X = rectLeft + Utils.dp2px(5); text1Y = triangleY - 14; text2X = rectLeft + Utils.dp2px(5); text2Y = triangleY - 6; break; default: break; } //气泡全部设置成灰色，外发光 paintHighLight.setARGB(229,73,73,73); // paintHighLight.setShadowLayer(20, 2, 2, Color.argb(229,98,98,98)); // paintHighLight.setMaskFilter(new BlurMaskFilter(10, BlurMaskFilter.Blur.SOLID)); canvas.drawRect(rectLeft, rectTop, rectRight, rectBottom, paintHighLight); canvas.drawPath(path, paintHighLight); canvas.drawText(xStr, text1X, text1Y, paint); canvas.drawText(yStr, text2X, text2Y + textHeight1, paint); // paintHighLight.clearShadowLayer(); // paintHighLight.setMaskFilter(null); } // draw hint if (_highLight.isDrawHint()) { paintHint.setColor(_highLight.getHintColor()); paintHint.setTextSize(_highLight.getHintTextSize()); String xStr = _highLight.getxValueAdapter().value2String(hitEntry.getX()); String yStr = _highLight.getyValueAdapter().value2String(hitEntry.getY()); float txtHeight = Utils.textHeight(paintHint); float txtWidth = Math.max(Utils.textWidth(paintHint, xStr), Utils.textWidth(paintHint, yStr)); float x = _rectMain.right - txtWidth - 10; float y = _rectMain.top + Utils.dp2px(20); canvas.drawText(xStr, x, y, paintHint); canvas.drawText(yStr, x, y + txtHeight, paintHint); } // callback if (isClick) { isClick = false; Line line = _lines.getLines().get(record_LineIndex); hitEntry = line.getEntries().get(record_EntryIndex); Line.CallBack_OnEntryClick cb = line.getOnEntryClick(); if (cb != null) { cb.onEntry(line, hitEntry); } } } public void onDataChanged(Lines lines) { _lines = lines; } }