本文主要是介绍⼿机客户端画K线图流程,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
优质博文:IT-BLOG-CN
一、什么是K线流程
K
线图是一种用于展示金融市场价格走势的图表。它通常由四个关键价格点组成,即开盘价、收盘价、最高价和最低价。K
线图的流程可以简单概括为以下几个步骤:
【1】收集数据: 首先,需要收集金融市场的价格数据,包括开盘价、收盘价、最高价和最低价。
【2】绘制K线: 将收集到的价格数据绘制成K
线图。每根K
线代表一段时间内的价格走势,通常是以日、周、月等为单位。
【3】确定K线形态: 根据K
线的开盘价、收盘价、最高价和最低价,可以确定不同的K
线形态,如阳线、阴线、十字星等。
【4】分析趋势: 通过观察K
线图中的价格走势,可以分析市场的趋势,如上升趋势、下降趋势或者横盘震荡。
【5】制定交易策略: 基于对K
线图的分析,可以制定相应的交易策略,如买入、卖出或持有。
需要注意的是,K
线图是一种技术分析工具,它可以帮助投资者了解市场的价格走势,但并不能预测未来的价格变动。因此,在使用K线图进行交易决策时,还需要结合其他技术指标和基本面分析来进行综合判断。
二、仅进程获取K线数据, ⽣成数据类
从进程获取基础数据并提前计算好各个指标值,⽣成List<KChart>
,记作chartList
。
三、把K线数据全部映射到当前的画布中
把chartList
的所有索引映射到画布的x
轴上,KChart.minAndMaxValue(0, (yMin)
和最⼤值(yMax)
映射到Y
轴上:
x
轴需要缩放xScale = chartRect.width/chartList.size
Y
轴需要缩放yScale = chartRect.height/(yMax-yMin)
这样就能知道chartList
⾥⾯每个KChart
在图表控件上的对应位置了。
使⽤Matrix
类的mapPoints
⽅法记录KChart
和屏幕像素坐标的对应关系:(indexOfChartList, valueOfKChart) -> (x, y)
使⽤Matrix
类的invert
⽅法能反转出屏幕像素坐标到对应值(x, y) -> (mayIndexValue, mayChartValue)
和屏幕坐标不同(屏幕坐标,x
轴向右增⼤,y
轴向下增⼤),K
图显⽰的坐标需要index
值(x
轴)向左增⼤,value
值(y
轴)向上增⼤。
由于画K
图的时候是以屏幕坐标来处理,所以为了⽅便画图需要把屏幕坐标处理成和K
图坐标⼀样。
matrix
的y
⽅向负值缩放⼀下,即需要缩放-chartRect.height/(yMax-yMin)
,相当于上图把右下⾓的图
以x
轴镜像翻转了
上步处理后,图表控件跑到原有区域的上⽅去了,需要把它移回原有的区域显⽰,matrix
的y
⽅向移动chartRect.height
距离, 相当于把上图右上⾓的图移回到右下角。
这样y
轴⽅向, 屏幕坐标和K
线坐标就统⼀了。同理,martix
的x
⽅向负值缩放,并移动chartRect.width
距离, 这样x
和y
轴两个坐标都统⼀了。
四、绘制当前可见的区域
绘制⼀屏的数据,在画的时候不会把K线数据全部绘制出来,⼀般在可见的范围内绘制⼏个,⽐如40
个获取要绘制的40
个业务数据,因为Y
轴上需要⾃动缩放,即在当前可见的40
个缩放到撑满chartRect.height
,所以需要在第⼀步中⽤到的matrix
的基础上再缩放chartRect.height/(max(list40) - min(list40))
确定第⼀个要画到K
图矩形的坐标,可以使⽤最右边的点(chartRect.width,0)
通过matrix
的invert
来计算当前绘制的第⼀个点的index
,记作i
绘制剩余点,使⽤点(i, chartList[i])
通过matrix
的mapPoints
获取当前绘制的对应于chartRect
上的屏幕坐标值。这样就能在当前的可见区域看到绘制好可见的图。
五、添加触摸事件响应滚动, 缩放
在第⼆步已经绘制了单屏的40
个K
线图数据,接下来处理的是通过处理onTouch
事件和添加Scoller
使K
线图能滑动和缩放滑动,在上⾯的matrix
上面⽤不同的matrix
来移动x
⽅向的值就可以了,缩放同理。顺滑效果可以结合VelocityTracker
和ViewFling
实现。
这篇关于⼿机客户端画K线图流程的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!