RecyclerChart的KLine如何绘制

本篇内容主要讲解“RecyclerChart的KLine如何绘制”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“RecyclerChart的KLine如何绘制”吧!

StockValueFORMatter

绘制主体的 drawChart. 

Mock Bean， Entity数据。

绘制 HighLight

绘制 XAxis

绘制 YAxis,  最大、最小值局部留有 padding

尝试添加缩放， OnScaleGestureListener； Matrix , onTouch .  根据缩放比例，调整 RecyclerChart的 displayNumber， notifyDataChange。

绘制蜡烛图

计算 color, 参照上个Entry的 close大小。 定义 mStockAttrs 里的两种 color值，并且是否 Fill。

画上引线、下引线。

图表的样式跟它所依赖的数据是相对应的，然后就是一个业务数据到Chart数据的一个转化，然后图表依照Chart数据进行绘制即可。这里的YAxis、XAxis、board, HighLight 好些跟之前的都是相通的，部分可以复用；注意一些边界上的处理。

主要是CandleChart的绘制，其实里面的主体逻辑跟之前的BarChart也是类似的；这里看看代码吧：

fun <Y : YAxis> drawStockChart(canvas: Canvas, parent: RecyclerView, yAxis: Y) {  val parentRight = (parent.width - parent.paddingRight).toFloat()  val parentLeft = parent.paddingLeft.toFloat()  val childCount = parent.childCount  for (i in 0 until childCount) {    val child = parent.getChildAt(i)    val stockEntry = child.tag as StockEntry    val rectMain = getStockRectF(child, parent, yAxis, mStockAttrs, stockEntry)    val radius = 1f    val color = if (stockEntry.isRise) mStockAttrs.riseColor else mStockAttrs.downColor    mBarChartPaint.color = color    //todo 注意RTL    drawChart(canvas, rectMain, parent.left.toFloat(), parent.right.toFloat(), radius)    mHighLightLinePaint.color = color    if (stockEntry.mShadowHigh > Math.max(stockEntry.mClose, stockEntry.mOpen)){      drawTopLine(stockEntry.mShadowHigh, canvas, rectMain, yAxis, parent)    }    if (stockEntry.mShadowLow < Math.min(stockEntry.mClose, stockEntry.mOpen)){      drawDownLine(stockEntry.mShadowLow, canvas, rectMain, yAxis, parent)    }  }}

这里包含了主体柱子Chart的绘制，以及上引线、下引线的绘制。

//绘制上引线、下引线private fun drawTopLine(value:Float, canvas: Canvas, rectF: RectF, yAxis: YAxis,  parent: RecyclerView){  canvas.save()  val y = getYPosition(value, parent, yAxis, mStockAttrs)  val x = (rectF.left + rectF.right)/2  if (DecimalUtil.biGorEquals(x, parent.left.toFloat()) && DecimalUtil.smallOrEquals(x, parent.right.toFloat())){  canvas.drawLine(x, rectF.top, x, y, mHighLightLinePaint)  canvas.restore()}}//下引线private fun drawDownLine(value:Float, canvas: Canvas, rectF: RectF, yAxis: YAxis,  parent: RecyclerView){  canvas.save()  val y = getYPosition(value, parent, yAxis, mStockAttrs)  val x = (rectF.left + rectF.right)/2  if (DecimalUtil.bigOrEquals(x, parent.left.toFloat()) && DecimalUtil.smallOrEquals(x, parent.right.toFloat())){  canvas.drawLine(x, rectF.bottom, x, y, mHighLightLinePaint)  canvas.restore()}}

绘制Chart 主体，按照先前的绘制，左右边界的处理。目前还是有些bug， 先处理主逻辑，后续修复吧。

private fun drawChart(canvas: Canvas, rectF: RectF, parentLeft: Float, parentRight: Float, radius: Float) {    // 浮点数的 == 比较需要注意    if (DecimalUtil.smallOrEquals(rectF.right, parentLeft)) {    //continue 会闪，原因是end == parentLeft 没有过滤掉，显示出来柱状图了。    } else if (rectF.left < parentLeft && rectF.right > parentLeft) {    //左边部分滑入的时候，处理柱状图的显示    rectF.left = parentLeft    val path = CanvasUtil.createRectRoundPath(rectF, radius, RoundRectType.TYPE_RIGHT_TOP)    mBarChartPaint.color = mBarChartAttrs.chartEdgeColor    canvas.drawPath(path, mBarChartPaint)    } else if (DecimalUtil.bigOrEquals(rectF.left, parentLeft) && DecimalUtil.smallOrEquals(rectF.right, parentRight)) {    // 中间部分的Item    val path = CanvasUtil.createRectRoundPath(rectF, radius, RoundRectType.TYPE_ALL)    canvas.drawPath(path, mBarChartPaint)    //            canvas.drawRoundRect(rectF, radius, radius, mBarChartPaint);    } else if (DecimalUtil.smallOrEquals(rectF.left, parentRight) && rectF.right > parentRight) {    //右边部分滑出的时候，处理柱状图，文字的显示    val distance = parentRight - rectF.left    rectF.right = rectF.left + distance    val path = CanvasUtil.createRectRoundPath(rectF, radius, RoundRectType.TYPE_LEFT_TOP)    mBarChartPaint.color = mBarChartAttrs.chartEdgeColor    canvas.drawPath(path, mBarChartPaint)    }}

到此，相信大家对“RecyclerChart的KLine如何绘制”有了更深的了解，不妨来实际操作一番吧！这里是编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！