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

最新推荐文章于 2025-06-11 10:58:22 发布

原创

最新推荐文章于 2025-06-11 10:58:22 发布 · 2.2k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#android #自定义控件 #属性动画 #android 3.0 #支持自定义属性

本文介绍了如何实现一个适用于加载WebView的自定义进度条控件，包括对Android 3.0以下版本的兼容。通过引用nineoldandroids库解决属性动画的适配问题，并在attrs.xml中定义自定义属性，允许在布局文件中直接设置。详细阐述了动画的实现原理，以及在View的构造方法和onDraw方法中的关键步骤。此外，还强调了在自定义View中处理动画和线程以避免内存泄漏的重要性。

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

闲话不多说，接下来要梳理的第一个就是近期项目用到的一个在加载WebView时的进度条(嗯嗯，怎么感觉有点自娱自乐的样子哈)，不过就效果来看，别的地方貌似也可以用的到。同时呢，也要感谢http://blog.youkuaiyun.com/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"
        custom:duration="1500"
        />
</RelativeLayout>

需要提的一点是：要使用自定义属性，那么就要导入自己的xmlns，因为我使用的IDE是android studio，是这样子引用的xm