【Android】开源项目UI控件分类汇总之ProgressBar

摘要:
Android开发的宝库越来越多,我开发中有需要的组件,主要参考Trinea的大作Android开源项目分类汇总、CSDN上直接拿来用!最火的Android开源项目还有CSDN上的直接拿来用!不过顺序没有按Trinea的大作来,当下需要什么控件,就优先写哪些,先从最近用的ProgressBar开始,progressbar的相关工程全部从Trinea的汇总中得来,并且就按Trinea的顺序给出。综合所有ProgressBar效果的DemoApp下载,对应的AndroidStudio工程下载。

Android开发的宝库越来越多,我开发中有需要的组件,主要参考Trinea的大作Android开源项目分类汇总(包含了后面的绝大多数)、CSDN上直接拿来用!最火的Android开源项目还有CSDN上的直接拿来用!十大Material Design开源项目受益匪浅,但是,有的分类项目太多,不是每个项目都有预览,不容易找到什么是最想要的,而且有一些项目不容易顺利地导入,我把同类的Demo做到一个app里,供大家下载参考。不过顺序没有按Trinea的大作来,当下需要什么控件,就优先写哪些,先从最近用的ProgressBar开始,progressbar的相关工程全部从Trinea的汇总中得来,并且就按Trinea的顺序给出。

因为我的Demo是多个sample的集合,那么每个项目的demo都涉及哪些文件,可能会觉得比较乱,如无特殊说明,只有和项目名同名的Activity还有对应的layout。因为所有的库都是做同样的事情,它们自定义属性的时候可能出现冲突,这种情况我稍微修改了部分的属性名,前面是各个项目的预览图,后面是对每个项目的说明,包括我是否做了修改。

综合所有ProgressBar效果的Demo App下载,对应的Android Studio工程下载。

1.SmoothProgressBar

SmoothProgressBar

2.ProgressWheel

Sample ImageSample Image 2Sample Image 3Sample Image 4

3.android-square-progressbar

three examples

4.HoloCircularProgressBar

【Android】开源项目UI控件分类汇总之ProgressBar第7张【Android】开源项目UI控件分类汇总之ProgressBar第8张

5.ProgressButton

Pin Progress Button Android developer

6. GoogleProgressBar

FoldingCirclesProgressBarGoogleMusicDicesDrawableNexusRotationCross.gif

7. THProgressButton

alt text

8. NumberProgressBar

NumberProgressBar

9. CircularProgressDrawable

Overshoot ExampleColorfill Example

10.circular-progress-button 11.WaveView

【Android】开源项目UI控件分类汇总之ProgressBar第17张【Android】开源项目UI控件分类汇总之ProgressBar第18张

1.SmoothProgressBar

项目地址:https://github.com/castorflex/SmoothProgressBar

项目描述:这个水平进度条的确是很漂亮,但是在sample里还定义了大量的样式,眼光缭乱,我觉得作者demo里的这几个样式已经很好看,大可不必再去自定义。这个项目有两个library,一个是水平进度条的,还有一个是圆形进度条的,这两个本身在maven上都有,圆形进度条我是引的maven的,但水平进度条的库我是在本地引入,然后把demo里的样式移到了library里面,这样用的时候只把layout里的组件粘贴一下就可以了。如果按照sample里的自己定义样式,那么可以直接引用官方的库:

compile 'com.github.castorflex.smoothprogressbar:library:1.0.0'
compile 'com.github.castorflex.smoothprogressbar:library-circular:1.0.2'

本项目的相关文件为:

org.zhangfc.android.pb.smoothprogressbar.SpbMainActivity
@layout/spb_activity_main
org.zhangfc.android.pb.smoothprogressbar.SpbMakeCustomActivity
@layout/spb_activity_custom

2.ProgressWheel

项目地址:https://github.com/Todd-Davies/ProgressWheel

项目说明:这个比较简单,都是圆形的ProgressBar,将库作为project library导入。即可。

3.android-square-progressbar

项目地址:https://github.com/mrwonderman/android-square-progressbar

接口说明:https://github.com/mrwonderman/android-square-progressbar/wiki/Usage

项目说明:这个项目是在图片周围显示进度。它的官方Demo很乱,文档也很散,我基本没有看官方的Demo,直接按照文档上的几个examples写的Demo。关于库的导入,原作者并没有把这个项目上传到maven,所以最新版的只能本地引入。有另外一个人把这个项目放到了maven仓库里,不过版本不是最新的。写这篇文章的时候,maven仓库里的版本号是1.3.0,而最新的1.4.0对文字自定义样式、自定义Bitmap的支持1.3.0都是没有的,注意自定义Bitmap的时候会抛一个NullPointerException,打开library的SquareProgressBar,在最后一个方法setImageBitmap里面加上对imageView的赋值就好了:

public voidsetImageBitmap(Bitmap bitmap){
    imageView =(ImageView) findViewById(R.id.imageView1);
    imageView.setImageBitmap(bitmap);
}

所以还是建议使用本地library。但如果还是想使用maven仓库的版本,首先指定maven位置:

repositories {
    maven {
        url 'https://raw.github.com/elodieferrais/wonder-libraries/master'
        name 'github-wonder-libraries'
    }
}

然后在依赖中引入:

compile 'net.yscs.android:square_progressbar:1.3.0'

本项目相关的资源文件为

drawable-hdpi/sqpb_city.jpg

4. HoloCircularProgressBar

项目地址:https://github.com/passsy/android-HoloCircularProgressBar

项目说明:Android4.1 时钟App样式。这个项目的library只能在本地导入,Demo中原作者还在menu中加入了两种Theme的切换,为了Demo的简单性,我删了相关代码,效果可以直接看官方提供的Demo图片。当然,删除了设置主题的代码,Demo关于动画的控制也还不少。因为属性和其它项目冲突,我把progress属性换成了circular_progress。

5.ProgressButton

项目地址:https://github.com/f2prateek/progressbutton

文档地址:http://f2prateek.com/progressbutton/

项目说明:用图钉显示进度,本来这个项目直接引用maven当中的库没有问题,但是因为我把所有的progressbar整合在一起,有一些自定义属性发生了冲突,所以我只能在本地导入,修改一下属性名。真正在使用这个项目时,在gradle文件中指定库的位置:

compile 'com.f2prateek:progressbutton:1.0.3@aar'

使用自定义属性时,我把circleColor改为pbtn_circleColor,progress改为pbtn_progress,max换为pbtn_max。

6. GoogleProgressBar

项目地址:https://github.com/jpardogo/GoogleProgressBar

项目说明:Google风格的ProgressBar,直接引用maven库,Demo里提供了选择颜色的UI,简化期间,只并列放了三种风格的ProgressBar,怎么设定颜色在代码里非常清晰,在getProgressDrawableColors方法中修改即可。

7. THProgressButton

项目地址:https://github.com/torryharris/TH-ProgressButton

项目说明:带有圆形进度显示的按钮,这个项目本身没有区分library和sample,作者只是建议直接把两个类放到自己的项目里就可以用了。我也把这个library提取了出来,作为project library引入。

8. NumberProgressBar

项目地址:https://github.com/daimajia/NumberProgressBar

项目说明:直接maven引入库,带有数字指示的进度条,可以自定义数字前后的粗细。

9.CircularProgressDrawable

项目地址:https://github.com/Sefford/CircularProgressDrawable

项目说明:比较好看的一个库,直接引入maven库,圆形显示进度。

10. circular-progress-button

项目地址:https://github.com/dmytrodanylyk/circular-progress-button

项目说明:圆形按钮,需要显示为进度时转化为圆形进度条。直接引入maven库。

资源文件:除了Activity和layout,还有三个自定义的动画文件:

drawable/complete_state_selector.xml
drawable/error_state_selector.xml
drawable/idle_state_selector.xml

11 WaveView

项目地址:https://github.com/john990/WaveView

项目说明:波纹效果的View,可以作为没有进度值的进度条,因为和其他项目的属性冲突,将progress属性改为wave_progress,library从module引入。

免责声明:文章转载自《【Android】开源项目UI控件分类汇总之ProgressBar》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇本地phpstudy 新建站点运行步骤使用 AFNetworking 进行 XML 和 JSON 数据请求下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

android学习ProgressBar的简单使用

android 提供的ProgressBar控件分为两种,一种是不带进度的进度条,一种是带进度的进度条,如果可以计算任务的完成量那么就用带进度条的,如果无法计算任务量,那么就使用不带进度的进度条。ProgressBar如果说只使用系统提供的,那就很简单,就只有那些属性方法,但是感觉比较难得就是ProgressBar的样式,一般做应用都不会直接使用系统提供的...

Android(java)学习笔记72:ProgressBar的使用

1. ProgressBar使用 首先我们看例程如下: (1) main.xml文件如下: 1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3...

Excel透视表进阶之排序、筛选、分组、总计与分类汇总

排序 自动排序 升序: 数字(从小到大) 日期(日期越早越靠小) 英文(按照A-Z) 中文(按照拼音的A-Z) 手动排序 通过鼠标的拖拽来完成手动排序 通过快捷菜单的方式:右击-移动 依据其他字段进行排序 【右击】-【排序】-【其他排序选项】 自定义排序 【文件】-【选项】-【高级】-【常规】 通过自定义规则的方式来实现排序,自定义规则的时候,默...

android ProgressBar(进度条)

本节引言: 本节给大家带来的是Android基本UI控件中的ProgressBar(进度条),ProgressBar的应用场景很多,比如 用户登录时,后台在发请求,以及等待服务器返回信息,这个时候会用到进度条;或者当在进行一些比较 耗时的操作,需要等待一段较长的时间,这个时候如果没有提示,用户可能会以为程序Carsh或者手机死机 了,这样会大大降低用户体验...

WinForm控件之【ProgressBar】

基本介绍 进度条控件,用于显示某操作动作进度或跑马灯效果。 常设置属性 Value:获取或设置进度栏的当前位置; Style:进度栏指示进度所使用的展示方式; Maximum:控件使用范围的上限; Minimum:控件使用范围的下限; MarqueeAnimationSpeed:进度块在进度栏内滚动所用的时间段,以毫秒为单位; Step:调用Perform...

progressBar的使用

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_w...