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;
}