Android自定义控件之加载进度条的实现

最近闲置在家，回顾以前做过的东西，发现自己一下子凌乱了，写过的或者用过的东西，再次敲出来，竟然有些难度，这才发现，虽然到最后都实现了需求，但是自己却有些不知所云。想想也对，只是单纯的为了实现某一功能，为了追求时间追求效率，能找到现成的，就用，很少真正的去探索原理和实现思路。所以，决定也借鉴各位大神的方法，借用Blog来梳理一些东西，便于温故而知新，同时也希望能帮助到需要该功能的同行。

闲话不多说，接下来要梳理的第一个就是近期项目用到的一个在加载WebView时的进度条(嗯嗯，怎么感觉有点自娱自乐的样子哈)，不过就效果来看，别的地方貌似也可以用的到。同时呢，也要感谢http://blog.csdn.net/hanhailong726188/article/details/47363911的文章，给提供了方向，在此感谢。在使用过程中，发现里面有一些地方不是很完善，我在这里就着他的源码做了优化和补充，整个下来，对自定义的控件的实现和动画的理解又加深了一些。

源代码：DoubleBallProgress

要优化的地方：适配Android3.0，即API-11以前的版本。该进度条中的动画使用的是Property Animation，我们知道属性动画是Android 3.0以后才有的特新，因此，3.0以前的版本，就要进行适配，不能把3.0以前的就那么抛弃了不是。先上效果图：

Android2.2效果图：

Android4.4效果图：

实现方式是：引用了一个开源的nineoldandroids.jar来兼容3.0以前的版本，至于使用，很简单，请自行百度(或者点击查阅源码)，我就不再这里嘚啵嘚啵了。

接下来，就是一些补充，添加了自定义的属性，可以直接在layout的布局文件中设置，补充了大部分的color颜色定义，下面直接上代码(具体的实现请下载源码自行查看，或者直接查阅原作者的文章)。

首先，要自定义attrs.xml，代码如下：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="DoubleBallProgress">
        <attr name="one_ball_color" format="color" />
        <attr name="two_ball_color" format="color" />
        <attr name="max_radius" format="dimension" />
        <attr name="min_radius" format="dimension" />
        <!--两个ball之间的运行轨迹的间距-->
        <attr name="distance" format="dimension" />
        <attr name="duration" format="integer" />
    </declare-styleable>
</resources>

当这个文件写好以后，就可以在布局文件中，来定义各个属性了：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:custom="http://schemas.android.com/apk/res-auto"
    android:id="@+id/rl"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.hqian.doubleballprogress.MainActivity">

   <com.example.hqian.doubleballprogress.view.DoubleBallProgress
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        custom:two_ball_color="#00FF00"
        custom:one_ball_color="#FF8C00"