Android原生股票图-分时图讲解(一)

Android原生股票图-分时图讲解(二)

在 分时图讲解(一)中我们主要实现分时图的绘制和CJL图、MACD图的绘制，以及各个线段的含义和X轴、Y轴各坐标值的含义等等。在这篇片文章中将进一步讲解分时图的绘制过程。

一、BaseMinuteView基类的讲解首先BaseMinuteView要继承View，实现OnGestureListener和OnScaleGestureListener接口。

1、在onMeasure()和onSizeChanged()我们主要获取MainView和ChildView的Width和Height。在两个方法的具体用法在里就不多说了网上一搜一大推。。。。。。。@Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); int heightSpecSize = MeasureSpec.getSize(heightMeasureSpec); setMeasuredDimension(widthMeasureSpec, heightMeasureSpec); int height = heightSpecSize - mTopPadding - mBottomPadding - mVolumeTextHeight; if (isDrawChildView) { this.mMainHeight = (int) (height * 0.75f); this.mVolumeHeight = (int) (height * 0.25f); } else { this.mMainHeight = (int) (height * 1f); this.mVolumeHeight = (int) (height * 0f); } this.mWidth = getMeasuredWidth(); notifyChanged(); } @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); int height = h - mTopPadding - mBottomPadding - mVolumeTextHeight; if (isDrawChildView) { this.mMainHeight = (int) (height * 0.75f); this.mVolumeHeight = (int) (height * 0.25f); } else { this.mMainHeight = (int) (height * 1f); this.mVolumeHeight = (int) (height * 0f); } this.mWidth = w; notifyChanged(); }

2、点击手势// 单击, 触摸屏按下时立刻触发 @Override public boolean onDown(MotionEvent e) { Log.i("--->", "onDown"); return false; } //短按, 触摸屏按下后片刻后抬起，会触发这个手势，假如迅速抬起则不会 @Override public void onShowPress(MotionEvent e) { } //抬起, 手指离开触摸屏时触发(长按、滚动、滑动时，不会触发这个手势) @Override public boolean onSingleTapUp(MotionEvent e) { switch (e.getAction()) { case MotionEvent.ACTION_DOWN: Log.i("--->", "ACTION_DOWN"); break; case MotionEvent.ACTION_UP: //双指点击时不会触发 Log.i("--->", "ACTION_UP"); if (isClosePress) { if (isDrawChildView) { //当点击时间小于2000ms时，为交互时间 if (System.currentTimeMillis() - mClickTime < 500) { float downX = e.getX(); float downY = e.getY(); jumpToCJLAndMACL(downX, downY); } } } else { isClosePress = true; } break; case MotionEvent.ACTION_MOVE: Log.i("--->", "ACTION_MOVE"); break; } return false; } //滚动, 触摸屏按下后移动 @Override public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) { return false; } //长按, 触摸屏按下后既不抬起也不移动，过一段时间后触发 @Override public void onLongPress(MotionEvent e) { isLongPress = true; isClosePress = false; calculateSelectedX(e.getX()); invalidate(); } //滑动, 触摸屏按下后快速移动并抬起，会先触发滚动手势，跟着触发一个滑动手势 @Override public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) { return false; }

在这个接口回调方法中主要在onSingleTapUp()方法中进行单指点击调用jumpToCJLAndMACL(float downX, float downY)来切换CJL图和MACD图。

在onLongPress()长按回调方法触发calculateSelectedX(float x)来显示弹框。

3、缩放手势

主要在onScale()方法中通过获取detector.getScaleFactor()缩放因子mOldScale ，而后在onScaleEnd()方法中通过和1进行比较来判断放大和缩小。@Override public boolean onScale(ScaleGestureDetector detector) { if (!isScaleEnable()) { return false; } mOldScale = 1.0f; float f = detector.getScaleFactor(); mOldScale *= f; return true; } @Override public boolean onScaleBegin(ScaleGestureDetector detector) { return true; } @Override public void onScaleEnd(ScaleGestureDetector detector) { if (isClosePress) { if (mOldScale > 1.0f) { //放大 mOnScaleGestureListener.setLoseNumber(); } else { //收缩 mOnScaleGestureListener.setAddNumber(); } } }

一、MinuteTimeView分时图实现类的讲解

在这个类中主要实现分时图、CJL图和MACD图的计算和绘制。

1、X轴(时间轴)的绘制"tradeRanges": [ { "start": 1539867600000, "end": 1539882000000 }, { "start": 1539910800000, "end": 1539915300000 }, { "start": 1539916200000, "end": 1539919800000 }, { "start": 1539927000000, "end": 1539932400000 } ],

在时间数组中主要提供一天各时间段的时间，我们首先计算这个时间段的时间总和，而后用Width除以时间总和得到X轴单位变化率。if (mTimes.size() != 0) {//计算时间总数 for (int i = 0; i < mTimes.size(); i++) { mStartTime = mTimes.get(i).getStartDate(); mEndTime = mTimes.get(i).getEndDate(); mTotalTime += mEndTime.getTime() - mStartTime.getTime(); } } else { mTotalTime = mMainEndTime.getTime() - mMainStartTime.getTime(); }

调用getX(int position)方法获取每个点对应X轴的位置。/** * 根据索引获取x的值 */ private float getX(int position) { mCount = 0; if (mPoints.size() == 0 || mPoints == null || position == -1) { return 0; } Long dateTime = mPoints.get(position).getDate().getTime(); for (int i = 0; i < mTimes.size(); i++) { Long startTime = mTimes.get(i).getStartDate().getTime(); Long endTime = mTimes.get(i).getEndDate().getTime(); if (dateTime >= startTime && dateTime <= endTime) { mCount += (dateTime - startTime) / ONE_MINUTE; break; } else { mCount += (endTime - startTime) / ONE_MINUTE; } } float c = mCount * mScaleX; return mCount * mScaleX; }