如何在Android中使用MPAndroidChar绘制一个最高点标识-创新互联
这篇文章将为大家详细讲解有关如何在Android中使用MPAndroidChar绘制一个最高点标识,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
创新互联专注于闻喜企业网站建设,响应式网站建设,商城开发。闻喜网站建设公司,为闻喜等地区提供建站服务。全流程按需求定制开发,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务在 LineChart 中自定义渲染绘制需要自定义一个 Render,继承于 LineChartRenderer,然后重写 drawValues 方法。
接下来说说一个 LineChart 的基本构成,每一个点都是一个 Entry,其两个参数分别是 X 轴和 Y 轴的值,X 轴的必须为整型,Y 轴的是浮点型。LineDataSet 是由很多个点构成,所以其参数是 ArrayList
LineDataSet dataSet = (LineDataSet) mChart.getLineData().getDataSetByIndex(0); Listentries = dataSet.getValues();
然后对 ArrayList
Transformer trans = mChart.getTransformer(dataSet.getAxisDependency()); MPPointD pointD = trans.getPixelForValues(max_x, max_y);
接下来就可以在这个位置上绘制小圈圈,涉及到一点 Android Canvas 姿势,这类的文章网上很多,我以前做过 C# WinForm GDI+ 相关的一些项目,对画图这块略知一二理解起来尚不费力:
Paint paintDrawPointFill = new Paint(Paint.ANTI_ALIAS_FLAG); paintDrawPointFill.setStyle(Paint.Style.FILL); paintDrawPointFill.setColor(Color.WHITE); c.drawCircle((float) pointD.x, (float) pointD.y, ScreenUnit.dp2px(context, 6),paintDrawPointFill);
接下来绘制大值文字和实心圆角矩形,我的思路是先绘制文字,测量出文字的高度和宽度,再在宽度分别左右加上边距然后绘制实心圆角矩形。
String textTag="文字内容"; Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG); paint.setTextSize(ScreenUnit.dp2px(context, 12)); paint.setColor(igsLineConfig.getMainColor()); Rect rectTextBounds = new Rect(); paint.getTextBounds(textTag, 0, textTag.length(), rectTextBounds);
获取文字的宽和高:
int textWidth = (rectTextBounds.right - rectTextBounds.left); int textHeight = (rectTextBounds.bottom - rectTextBounds.top);
然后为了适配能让文字和矩形上下左右均保持一定距离,就类似于 Padding,增加两个参数 OffsetX 和 OffsetY 两个参数,然后重新实例化一个矩形需要的坐标系统:
RectF rectF = new RectF((int) offset_x - textOffset, (int) offset_y - textHeight - textOffset, (int) offset_x + textWidth + textOffset, (int) offset_y + textOffset);
绘制圆角矩形:
c.drawRoundRect(rectF, igsLineConfig.getCorner(), igsLineConfig.getCorner(), paint);
还需要重新实现一个 LineChart,指定它的渲染为我们刚才实现对 LineChartRenderer 的实现,继承 LineChart ,重写 init 方法:
@Override protected void init() { super.init(); WindowManager wm = (WindowManager)getContext().getSystemService(Context.WINDOW_SERVICE); DisplayMetrics metrics = new DisplayMetrics(); wm.getDefaultDisplay().getMetrics(metrics); MyChartDataRender dataRender = new MyChartDataRender(this, mAnimator, mViewPortHandler, metrics.widthPixels, tag); dataRender.context = getContext(); dataRender.igsLineConfig = IgsChartConfigSingleton.instance.getIgsAltitudeLineConfig(); mRenderer = dataRender; }
如果需要对 Canvas 绘制时做一些控制,或者传递一些参数,都可以在这个实现中去定义,比如我需要手动指定大值的标签显示等:
private double maxValue; public double getMaxValue() { return maxValue; } public void setMaxValue(double maxValue) { this.maxValue = maxValue; }
如果在 Render 的实现类中需要用到,可以获取图表对象,然后强转为我们写的实现类:
public void drawValues(Canvas c) { super.drawValues(c); MyLineChart chartInstance = (MyLineChart) mChart; }
至此就完成了最高点的标识绘制了,还可以不用计算最高点值。改进这个 LineChart 的实现,自定义背景和前景都可以,然后共用一个 Render,话不多说,上个图。
画平均线很简单,已经内置了实现,你要做的就是计算出所有的 Y 轴的值的平均值,或者数值如果来源于接口中,直接设置就可以。
LimitLine avgLine = new LimitLine((float) navg); avgLine.enableDashedLine(5.0f, 3.0f, 3.0f); avgLine.setLineColor(Color.parseColor("#33CC33")); lineChart1.getAxisLeft().addLimitLine(avgLine);
关于如何在Android中使用MPAndroidChar绘制一个最高点标识就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
文章标题:如何在Android中使用MPAndroidChar绘制一个最高点标识-创新互联
文章分享:http://scyanting.com/article/dhicih.html