Android ProgressBar 进度条荧光效果

最新推荐文章于 2025-09-23 09:50:14 发布

原创

最新推荐文章于 2025-09-23 09:50:14 发布 · 9k 阅读

10 ·

CC 4.0 BY-SA版权

这篇博客讲述了如何在Android应用中实现类似Android 4.0浏览器进度条的荧光效果。通过分析系统浏览器源码，发现该效果是通过一张巧妙设计的.9图片实现的，而非使用ProgressBar。博主分享了布局文件的代码示例，同时指出在实际使用中存在更新不平滑的问题，并希望得到关于添加动画效果以改善平滑性的建议。

这段时间做项目，产品需求，进度条要做一个荧光效果，类似于Android4.0 浏览器中进度条那种样子。刚开始，百思不得其姐啊，还以为是用sharp文件或者canvas直接画出来的。后来一怒之下，把系统浏览器的apk包给解开了，坑爹的是，那个荧光效果的进度条居然是用的一张.9的图片，恍然大悟啊，不过，谷哥还是强大了一下，他的进度条用的并不是ProgressBar，而是重写的ImageView，当然，这个就不在今天的讨论范围了，呵呵，感兴趣的同学可以去看一下系统浏览器的源码。

这是Android 4.0中浏览器加载的效果，那个进度条，很惹眼的说~~

而真相居然是一张制作巧妙的.9图片：progress.9.png（这里不得不赞一下Android中的.9图片（Nine-patch），真的很方便）

当然使用起来就容易了，看代码：

/res/layout/activity_main.xml

 <ProgressBar
        android:id="@+id/pb"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/tv"
        android:progressDrawable="@drawable/progress_drawable" />

/res/drawable/progress_drawable.xm