Android仿火币K线图实现(包含MA,BOLL,MACD,KDJ,RSI,WR指标)
本项目是在 tifezh的KChartView 基础上进行修改的,新增了KDJ、WR指标、最大值和最小值展示,对UI展示进行了修改。
建议使用之前先查看常见问题
<com.github.fujianlian.klinechart.KLineChartView android:id="@+id/kLineChartView" android:layout_width="match_parent" android:layout_height="match_parent" />
主图和附图初始化
// KLineChartView private void initView() { ... // 依次添加副图子视图 addChildDraw(mMACDDraw); addChildDraw(mKDJDraw); addChildDraw(mRSIDraw); addChildDraw(mWRDraw); // 设置成交量视图 setVolDraw(mVolumeDraw); // 设置主视图 setMainDraw(mMainDraw); }
BaseKLineChartView
// 主图显示隐藏调用 public void changeMainDrawType(Status status) { if (mainDraw != null && mainDraw.getStatus() != status) { mainDraw.setStatus(status); invalidate(); } } // 主视图当前子视图 public enum Status { MA, BOLL, NONE } // 设置子视图,position依据初始化添加先后顺序下标 public void setChildDraw(int position) { if (mChildDrawPosition != position) { if (!isShowChild) { isShowChild = true; initRect(); } mChildDraw = mChildDraws.get(position); mChildDrawPosition = position; isWR = position == 5; invalidate(); } } // 子视图隐藏 public void hideChildDraw() { mChildDrawPosition = -1; isShowChild = false; mChildDraw = null; initRect(); invalidate(); }
KLineChartView
// 是否显示为分时图 public void setMainDrawLine(boolean isLine) { mMainDraw.setLine(isLine); }
<?xml version="1.0" encoding="utf-8"?> <resources> <color name="colorPrimary">#3F51B5</color> <color name="colorPrimaryDark">#303F9F</color> <color name="colorAccent">#FF4081</color> <color name="chart_red">#26BF66</color> <color name="chart_green">#FD6433</color> <color name="chart_line">#C9933E</color> <color name="chart_line_background">#1aC9933E</color> <color name="chart_ma5">#DA8AE5</color> <color name="chart_ma10">#39B0E8</color> <color name="chart_ma30">#FFC76D</color> <color name="chart_white">#ffffff</color> <color name="chart_background">#202326</color> <color name="chart_bac">#00FFFFFF</color> <color name="chart_point_bac">#202326</color> <color name="chart_grid_line">#1AFFFFFF</color> <color name="chart_text">#818596</color> <color name="chart_selector">#202326</color> <color name="chart_tab_background">#30343C</color> <color name="chart_tab_indicator">#FF6601</color> </resources>
布局时修改KLineChartView的相关颜色即可