@Override

protected void onDraw(Canvas canvas) {

    // 1.绘制顶部虚线

    mTopLine.setBounds(0, getTop(), getWidth(), getTop() + mTopLineHeight);

    mTopLine.draw(canvas);

    // 2.绘制黑胶唱片外侧半透明边框

    mCoverBorder.setBounds(mDiscPoint.x - mCoverBorderWidth, mDiscPoint.y - mCoverBorderWidth,

            mDiscPoint.x + mDiscBitmap.getWidth() + mCoverBorderWidth, mDiscPoint.y +

                    mDiscBitmap.getHeight() + mCoverBorderWidth);

    mCoverBorder.draw(canvas);

    // 3.绘制黑胶

    // 设置旋转中心和旋转角度，setRotate和preTranslate顺序很重要

    mDiscMatrix.setRotate(mDiscRotation, mDiscCenterPoint.x, mDiscCenterPoint.y);

    // 设置图片起始坐标

    mDiscMatrix.preTranslate(mDiscPoint.x, mDiscPoint.y);

    canvas.drawBitmap(mDiscBitmap, mDiscMatrix, null);

    // 4.绘制封面

    mCoverMatrix.setRotate(mDiscRotation, mCoverCenterPoint.x, mCoverCenterPoint.y);

    mCoverMatrix.preTranslate(mCoverPoint.x, mCoverPoint.y);

    canvas.drawBitmap(mCoverBitmap, mCoverMatrix, null);

    // 5.绘制指针

    mNeedleMatrix.setRotate(mNeedleRotation, mNeedleCenterPoint.x, mNeedleCenterPoint.y);

    mNeedleMatrix.preTranslate(mNeedlePoint.x, mNeedlePoint.y);

    canvas.drawBitmap(mNeedleBitmap, mNeedleMatrix, null);

}

@Override

protected void onDraw(Canvas canvas) {

    super.onDraw(canvas);

    // 中心Y坐标

    float centerY = getHeight() / 2 + mTextSize / 2 + mAnimOffset;



    // 无歌词文件

    if (!hasLrc()) {

        float centerX = (getWidth() - mCurrentPaint.measureText(label)) / 2;

        canvas.drawText(label, centerX, centerY, mCurrentPaint);

        return;

    }



    // 画当前行

    String currStr = mLrcTexts.get(mCurrentLine);

    float currX = (getWidth() - mCurrentPaint.measureText(currStr)) / 2;

    canvas.drawText(currStr, currX, centerY, mCurrentPaint);



    // 画当前行上面的

    for (int i = mCurrentLine - 1; i >= 0; i--) {

        String upStr = mLrcTexts.get(i);

        float upX = (getWidth() - mNormalPaint.measureText(upStr)) / 2;

        float upY = centerY - (mTextSize + mDividerHeight) * (mCurrentLine - i);

        // 超出屏幕停止绘制

        if (upY - mTextSize < 0) {

            break;

        }

        canvas.drawText(upStr, upX, upY, mNormalPaint);

    }



    // 画当前行下面的

    for (int i = mCurrentLine + 1; i < mLrcTimes.size(); i++) {

        String downStr = mLrcTexts.get(i);

        float downX = (getWidth() - mNormalPaint.measureText(downStr)) / 2;

        float downY = centerY + (mTextSize + mDividerHeight) * (i - mCurrentLine);

        // 超出屏幕停止绘制

        if (downY > getHeight()) {

            break;

        }

        canvas.drawText(downStr, downX, downY, mNormalPaint);

    }

}