最近闲置在家,回顾以前做过的东西,发现自己一下子凌乱了,写过的或者用过的东西,再次敲出来,竟然有些难度,这才发现,虽然到最后都实现了需求,但是自己却有些不知所云。想想也对,只是单纯的为了实现某一功能,为了追求时间追求效率,能找到现成的,就用,很少真正的去探索原理和实现思路。所以,决定也借鉴各位大神的方法,借用Blog来梳理一些东西,便于温故而知新,同时也希望能帮助到需要该功能的同行。
闲话不多说,接下来要梳理的第一个就是近期项目用到的一个在加载WebView时的进度条(嗯嗯,怎么感觉有点自娱自乐的样子哈),不过就效果来看,别的地方貌似也可以用的到。同时呢,也要感谢http://blog.csdn.net/hanhailong726188/article/details/47363911的文章,给提供了方向,在此感谢。在使用过程中,发现里面有一些地方不是很完善,我在这里就着他的源码做了优化和补充,整个下来,对自定义的控件的实现和动画的理解又加深了一些。
要优化的地方:适配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"