Material-ishProgress源码阅读.doc

Material-ish Progress 源码阅读 很明显第一个控件是默认情况下的，而第二个就是我改动过的控件。 这个控件的制作，我们先着重来看动效部分，毕竟如果静止状态的话其实是有很多种方法来实现的，第一步我们先不去理睬静态这一部分。撇去细节，我们从大的方向入手，我把这个动效分为两个部分： 第一部分：圆弧的动态绘制。这一部分，只要看第二个 progress 就行了，这里要做的就是计算每一段时间内要绘制的部分，不管是最初的由最小变最大，还是之后的最大变最小。 第二部分：圆弧的滚动。其实准确来说，是对起始角度的计算。第一个 progress 融合了第一部分和第二部分，圆弧的大小和起始点的不断变化的结合就是一个完整的 material progressbar。 分析前的准备 API: // 从开机到现在的毫秒数 SystemClock.uptimeMillis() // 绘制圆弧 canvas.drawArc(circleBounds, from, length, false, barPaint); 函数： //在开始与结束的地方速率改变比较慢，在中间的时候加速 (float)(Math.cos((input + 1) * Math.PI) / 2.0f) + 0.5f //在开始的地方速率改变比较慢，然后开始加速 Math.pow(input, 2) //在开始的地方快然后慢 1.0f - (1.0f - input) * (1.0f - input) 以上只是部分函数，如果想要看更多，可以看看我的这篇简单的插值器文章 Android动画-Interpolator(插值器)大全，里面介绍了常用的插值器，想要知道怎么实现的，看看源码就知道了，其实就是一些函数的使用，数学都还给我体育老师了，这个没法讲，希望有好文章的童鞋可以推荐下，不胜感激。 列出这些函数的意义其实就是想告诉看源码的童鞋，看源码不要纠结在细节上，有些东西确实不是一时半会儿能弄懂的。对于本章的含义就是，不要纠结于函数的由来，只需要知道这是用来做什么的。 还有一些参数我就不一一介绍了，都是比较简单的参数，于逻辑无碍。到此，因该说基本的准备都OK了，接下来就是看源码了。 思路 从不熟悉控件源码的角度来讲，这里就讲思路确实不太合适，但是在接下来的源码解析中，却很难穿插思路的讲解，因为每一行代码都多少需要联系到其它的代码才能准确解读出代码的意义，而且还有很多细节的处理，那时候再来说思路就显得过于混乱了，如果能在这里明白控件的思路，我觉得看者完全可以自己去看源码，相信会比我这生涩的分析更加清晰。 这里的思路也是需要联系到前面介绍的参数，这样讲解会更清晰点，我们从控件伊始开始分析： 控件从最小圆弧角度 barLength 开始，经历了 pausedTimeWithoutGrowing ( pausedTimeWithoutGrowing = pauseGrowingTime )的时间后，开始计算需要绘制的总角度：总角度 = barLength + 需要额外绘制的角度。而这个需要额外绘制的角度 = 已经经历的时间 × ( barMaxLength - barLength) / barSpinCycleTime。而当到达最大角度之后，我们就需要减去相应的时间内对应的角度： 需要额外绘制的角度 = ( barMaxLength - barLength) - 已经经历的时间 × ( barMaxLength - barLength) / barSpinCycleTime，前者的计算是为了圆弧逐渐增大，后者则是为了逐渐变小。最后，需要小小的强调下：起始角度的计算也非常重要。 源码分析 控件的全部代码只有 800 行，有效代码目测只有 1/3，这里我们就不看 onMeasure 和 onSizeChanged 这些准备工作的处理代码了，只是一些测量和初始化的工作代码，那么 onDraw 里面的代码以及涉及到的相关函数每一行都是必不可少的。 onDraw protected void onDraw(Canvas canvas) { super.onDraw(canvas); // 圆弧背景 canvas.drawArc(circleBounds, 360, 360, false, rimPaint); boolean mustInvalidate = false; if (!shouldAnimate) { return; } if (isSpinni