Android版的股票行情K线图开发
更新时间：2016年01月08日 16:02:22 作者：andywuchuanlong
这篇文章主要介绍了Android版的股票行情K线图开发，感兴趣的小伙伴们可以参考一下
现在在手上的是一个证券资讯类型的app，其中有涉及到股票行情界面，行情中有K线图等，看到网上很多人在求这方面的资料，所以我特地写了一个demo在此处给大家分享一下。
下面是做出来的效果图：
背景图是利用canvas先画出一个矩形，然后再画几根虚线，均线图是通过path来绘制的，总之图的绘制是很简单的，我就不在这里作介绍了，大家可以去github下载源码看看。涉及到均线、最高价、最低价、收盘价、开盘价的概念大家可以百度一下。
我再这里要介绍的是计算问题：
大家可以看到分时图、日K、月K的左边的成交价格都是不一样的，而我们的k线都是通过这个价格来绘制的，也就是说价格是时刻变动，那么我们的k线绘制也是变动的。假设我们要计算分时图中价格为25.69的那一分钟应该如何画，画在屏幕中的哪一个位置，那么这个应该怎么画呢，价格是变动的，画的位置也是变动的，但是有一点我们屏幕的大小是不变的。所以我们可以通过背景图的高度来计算某个价格的线图应该从哪个地方开始画。我们可以计算出一个像素点对应多少个价格，分析图如下：
价格和像素形成个一个比例计算是：double heightScale = (endY - startY)/(highPrice - lowPrice)；
所以价格25.69应该是画在mStartY = (float) (startY+ (highPrice - 25.69) * heightScale);
这个明白了之后其他的原理都是一样的，我就不介绍了，下面是部分代码：
@Override
protected void drawKChatBackGround() {
Rect dirty = new Rect(left, kChartTop, right, KChartbottom);
// 画背景图的矩形
mCanvas.drawRect(dirty, LineGrayPaint);
PathEffect effects = new DashPathEffect(new float[] { 5, 5, 5, 5 }, 1);
LineGrayPaint.setPathEffect(effects);
Path path = new Path();
int y = kChartTop + 15;
// 画上面的虚线
path.moveTo(left, y );
path.lineTo(right, y );
String text = getPriceText(highPrice);
int textHeight = (int) (textGrayPaint.descent() - textGrayPaint.ascent());
mCanvas.drawText(text,left - textGrayPaint.measureText(text) - 5,y + textHeight/2 ,textGrayPaint);
double max = highPrice - lowPrice;
if (max > 10){
// 分成四等分
// 画中间的三根虚线
int n = 4;
double sper = (highPrice - lowPrice) / 4;// 每一等分代表的价格
for(int i=1;i<n;i++){
y = i*((KChartbottom - kChartTop)/n) + kChartTop;
path.moveTo(left, y);
path.lineTo(right,y);
text = getPriceText(highPrice - i*sper);
mCanvas.drawText(text,left - textGrayPaint.measureText(text) - 5,y + textHeight/2,textGrayPaint);
}
}else{
// 分成两等分
// 画中间的虚线
y = (KChartbottom - kChartTop)/2 + kChartTop;
path.moveTo(left, y);
path.lineTo(right, y);
text = getPriceText(highPrice - (highPrice - lowPrice) / 2);
mCanvas.drawText(text,left - textGrayPaint.measureText(text) - 5,y + textHeight/2,textGrayPaint);
}
// 画下面的虚线
y = KChartbottom - 15;
path.moveTo(left, y);
path.lineTo(right, y);
text = getPriceText(lowPrice);
mCanvas.drawText(text,left - textGrayPaint.measureText(text) - 5,y + textHeight/2,textGrayPaint);
// // 画等分的虚线和下面的日期
for (int i = num - 1; i > 0; i--) {
int x = left + perWidth * i;
path.moveTo(x, kChartTop);
path.lineTo(x, KChartbottom);
perXPoint[i - 1] = x;
}
mCanvas.drawPath(path, LineGrayPaint);
}
@Override
protected void drawMAChart() {
// 画均线
Path path5 = new Path();
Path path10 = new Path();
Path path20 = new Path();
double heightScale = (KChartbottom - kChartTop)/(highPrice - lowPrice);
int maStart = left;
float maStartY;
path5.moveTo(maStart, (float) (kChartTop + (highPrice - infos.get(0).getMaValue5()) * heightScale));
path10.moveTo(maStart, (float) (kChartTop + (highPrice - infos.get(0).getMaValue10()) * heightScale));
path20.moveTo(maStart, (float) (kChartTop + (highPrice - infos.get(0).getMaValue20()) * heightScale));
for(SingleStockInfo info:infos){
maStart += per * perHalf;// 每一天实际所占的数据是4/6，左右边距各1/6
maStartY = (float) (kChartTop + (highPrice - info.getMaValue5()) * heightScale);
path5.lineTo(maStart, maStartY);
maStartY = (float) (kChartTop + (highPrice - info.getMaValue10()) * heightScale);
path10.lineTo(maStart, maStartY);
maStartY = (float) (kChartTop + (highPrice - info.getMaValue20()) * heightScale);
path20.lineTo(maStart, maStartY);
maStart += per * perHalf;
}
Paint paint = new Paint();
paint.setColor(Color.BLUE);
paint.setAntiAlias(true);
paint.setStrokeWidth(2);
paint.setStyle(Style.STROKE);
mCanvas.drawPath(path5, paint);
paint.setColor(Color.MAGENTA);
mCanvas.drawPath(path10, paint);
paint.setColor(Color.GREEN);
mCanvas.drawPath(path20, paint);
}
/**
* 下面的柱形图
*/
@Override
protected void drawPillarsChart(int flag) {
LineGrayPaint.setPathEffect(null);
Rect dirty = new Rect(left, pillarsChartTop, right, pillarsChartbottom);
// 画背景图的矩形
mCanvas.drawRect(dirty, LineGrayPaint);
int y = pillarsChartTop + (pillarsChartbottom - pillarsChartTop)/2;
mCanvas.drawLine(left,y,right, y, LineGrayPaint);
// 中间的值
String totalCount = getPriceText(maxCount/2/10000);
float maginLeft = left - textGrayPaint.measureText(totalCount)- 5;
mCanvas.drawText(totalCount, maginLeft, y,textGrayPaint);
// 上面的值
totalCount = getPriceText(maxCount/10000);
maginLeft = left - textGrayPaint.measureText(totalCount)- 5;
mCanvas.drawText(totalCount, maginLeft, pillarsChartTop,textGrayPaint);
// 下面的值
totalCount = "万手";
maginLeft = left - textGrayPaint.measureText(totalCount) - 5;
mCanvas.drawText(totalCount, maginLeft, pillarsChartbottom,textGrayPaint);
int pStart = left;
float pStartY;
double heightScale = (pillarsChartbottom - pillarsChartTop)/maxCount;
Paint paint = new Paint();
paint.setAntiAlias(true);
paint.setStyle(Paint.Style.FILL);
if (flag == StockService.FLAG){
for(MinuteInfo info:minuteInfos){
pStart += per * per16;// 每一天实际所占的数据是4/6，加上1/6
pStartY = (float) (pillarsChartTop + (maxCount - info.getVolume()) * heightScale);
dirty = new Rect(pStart, (int) pStartY, (int) (pStart + per * per46), pillarsChartbottom-2);
paint.setColor(info.getColor());
// 画背景图的矩形
mCanvas.drawRect(dirty, paint);
pStart += per * per56;// 右边的间距 5/6
}
}else{
for(SingleStockInfo info:infos){
pStart += per * per16;// 每一天实际所占的数据是4/6，加上1/6
pStartY = (float) (pillarsChartTop + (maxCount - info.getTotalCount()) * heightScale);
dirty = new Rect(pStart, (int) pStartY, (int) (pStart + per * per46), pillarsChartbottom-2);
paint.setColor(info.getColor());
// 画背景图的矩形
mCanvas.drawRect(dirty, paint);
pStart += per * per56;// 右边的间距 5/6
}
}
}
/**
* 分时图
*/
@Override
public void drawHoursChart(){
double heightScale = (KChartbottom - kChartTop)/(highPrice - lowPrice);
int cLeft = left;
int cTop = 0;
Path path = new Path();
path.moveTo(cLeft, KChartbottom-2);
int position = 0;
int perPointX = perXPoint[position];// 记录第一条垂直虚线的x坐标
for(MinuteInfo info:minuteInfos){
cLeft += per * per16;
cTop = (int) (kChartTop + (highPrice - info.getNow()) * heightScale);
path.lineTo(cLeft + per * per26, cTop);
if (cLeft >= perPointX){
// 恰好画到第一条垂直虚线的地方，需要画下面的时间
String text = KChartUtil.getMinute(info.getMinute());
float textWidth = textGrayPaint.measureText(text);
int textHeight = (int) (textGrayPaint.descent()- textGrayPaint.ascent());
mCanvas.drawText(text, perPointX - textWidth/2, KChartbottom + textHeight, textGrayPaint);
if (!(position == perXPoint.length-1)){
Log.e(TAG, perPointX+"----------"+info.getMinute()+"---"+text);
perPointX = perXPoint[++position];
}
}
cLeft += per * per56;// 右边的间距 5/6
}
path.lineTo(cLeft, KChartbottom-2);
Paint LinePaint = new Paint();
LinePaint.setColor(Color.BLUE);
LinePaint.setAntiAlias(true);
LinePaint.setStrokeWidth(1);
LinePaint.setStyle(Style.STROKE);
// LinePaint.setStyle(Style.STROKE);
mCanvas.drawPath(path, LinePaint);
LinePaint.setAlpha(50);
LinePaint.setStyle(Style.FILL);
mCanvas.drawPath(path, LinePaint);
}
新年伊始，中国股市走出世界罕见，前无古人后无来者的极端行情，股市有风险，投资需谨慎。
这句话是题外话了，重点还是希望对大家学习Android程序设计有所帮助。
相关文章
这篇文章主要为大家介绍了Jetpack Compose基础组件之文字组件使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
这篇文章主要介绍了在android中使用缓存和脱机存储，缓存可以加速你的应用程序，即使在网络不可用时，用户能够更加流畅地使用你的应用程序使用缓存是相当简单的，需要一个单一的代码行，下面来看看文章的详细内容2021-11-11
谷歌在推出Android5.0的同时推出了一些新控件，Android5.0中最常用的新控件有下面5种。具体哪五种大家通过本文学习下2018-02-02
这篇文章主要为大家详细介绍了android实现简单的活动转盘，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
Android使用ContentProvider实现跨进程通讯示例详解
这篇文章主要为大家介绍了Android使用ContentProvider实现跨进程通讯示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
神奇的listView实现自动显示隐藏布局Android代码
这篇文章主要介绍了神奇的listView实现自动显示隐藏布局Android代码实现,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
这篇文章主要给大家介绍了关于idea下Android各目录所代表含义的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
这篇文章主要介绍了Android编程四大组件之Activity用法,实例分析了Activity的创建,生命周期,内存管理及启动模式等,具有一定参考借鉴价值,需要的朋友可以参考下2016-01-01
下面小编就为大家带来一篇Android利用Gson解析嵌套多层的Json的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
滚轮布局WheelView大家经常使用，比如在选择生日的时候，风格类似系统提供的DatePickerDialog，这篇文章主要为大家详细介绍了Android自定义实现循环滚轮控件WheelView，感兴趣的小伙伴们可以参考一下2016-07-07
最新评论