从0到1绘制蜡烛线（实现细节）

股票？？数字货币？？都是浮云，没那智商还是好好撸代码吧，啊哈哈哈！今天作为一个嫩绿嫩绿的韭菜，就来用技术征服一下割过自己的股票行情图。

股票行情图中比较复杂的应该当属于蜡烛线（阴阳线），这块手势处理复杂、图表指标复杂、交互复杂、数据处理复杂......总之：复杂！

所以就从今天开始我从0到1打造出这个复杂的行情图！费话不多说，上图！上链接：

https://github.com/SlamDunk007/StockChart

一、效果图 

       

二、绘制流程

整个绘制过程完全自定义View不依赖任何第三方绘制工具，大概分为三个部分：具体的绘制过程、手势的处理、数据的处理。下面就从这三个方面逐个进行讲解。

1、具体绘制过程

（1）这里使用的是Android的canvas进行绘制的，android的canvas真的是特别的强大，为了调高绘制效率，我在这里的绘制进行了修改：提前创建一个Canvas和Bitmap，然后在子线程当中进行绘制：

private void initCanvas() {
    repeatNum = 0;
    if (mRealCanvas == null) {
      mRealCanvas = new Canvas();

      Bitmap curBitmap =
          createBitmap(mViewPortHandler.getChartWidth(), mViewPortHandler.getChartHeight(),
              Bitmap.Config.ARGB_8888);
      Bitmap alterBitmap = curBitmap.copy(Bitmap.Config.ARGB_8888, true);
      if (curBitmap != null && alterBitmap != null) {
        mRealCanvas.setBitmap(curBitmap);
        mCurBitmap = curBitmap;
        mAlterBitmap = alterBitmap;
      }
    }
  }

接下来采用双缓冲的绘图机制，先在子线程当中将所有的图像都绘制到一个Bitmap对象上，然后一次性将内存中的Bitmap绘制到屏幕，提高绘制的效率。Android中View的onDraw()方法已经实现了这一层缓冲。onDraw()方法中不是绘制一点显示一点，而是全部绘制完之后一次性显示到屏幕。

/**
   * 进行具体的绘制
   */
  class DoubleBuffering implements Runnable {

    private final WeakReference<BaseChartView> mChartView;

    public DoubleBuffering(BaseChartView view) {
      mChartView = new WeakReference<>(view);
    }

    @Override
    public synchronized void run() {
      if (mChartView != null) {
        BaseChartView baseChartView = mChartView.get();
        if (baseChartView != null && baseChartView.mRealCanvas != null) {
          baseChartView.drawFrame(baseChartView.mRealCanvas);
        
          Bitmap bitmap = baseChartView.mCurBitmap;
          if (bitmap != null && baseChartView.mHandler != null) {
            baseChartView.mHandler.sendEmptyMessage(baseChartView.REFRESH);
          }
        }
      }
    }
  }

然后将我们绘制完成的bitmap对象交给View的onDraw()方法的canvas去绘制

@Override
  protected void onDra