CircularBarPager

介绍:

material 风格的数字圆圈进度显示库(api10 +)

运行效果:

使用说明:

在build.gradle中添加依赖

  //CircularBarPager
   compile 'com.github.orangegangsters:library:1.0.0@aar'

xml中添加

<com.github.OrangeGangsters.circularbarpager.library.CircularBarPager
        android:id="@+id/circularBarPager"
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:paddingLeft="30dp"
        android:paddingRight="30dp"
        android:layout_centerInParent="true"
        style="@style/CircularBarPagerStyle"/>

在styles.xml中

 <style name="CircularBarPagerStyle">
        <item name="android:layout_height">match_parent</item>
        <item name="android:layout_width">match_parent</item>

        <item name="progress_arc_max">100</item>
        <item name="arc_progress">0</item>



        <item name="progress_arc_clockwise_outline_width">0.75dp</item>
        <item name="progress_arc_counter_clockwise_outline_width">0.75dp</item>
        <item name="progress_arc_clockwise_width">8dp</item>
        <item name="progress_arc_counter_clockwise_width">8dp</item>
</style>


相关代码

  • TimelyTextView
  • AnimTextView
  • CircleProgress
  • ZProgressHUD
  • FireZenk-s-ProgressBar
可实现多个进度同时进行或按步进行的进度条。可以看到效果图,圆环的中间有个viewPager,每个ViewPager页都会有个进度,这样就可以同时进行多个进度或者多个进度按步骤进行。项目地址:https://github.com/OrangeGangsters/CircularBarPager 效果图:工程依赖的资源:  ViewPagerIndicator  NineOldAndroids  AnimationEasingFunctions依赖的包比较多,这是该控件最大的缺点。如何使用xml中创建CircularBarPager实例<com.github.OrangeGangsters.circularbarpager.library.CircularBarPager         android:id="@ id/circularBarPager"         android:layout_height="match_parent"         android:layout_width="match_parent"         android:paddingLeft="30dp"         android:paddingRight="30dp"         android:layout_centerInParent="true"         app:progress_pager_fill_circle_color="@android:color/transparent"         app:progress_pager_fill_mode="pie_mode"          java设置进度mCircularBarPager = (CircularBarPager) findViewById(R.id.circularBarPager); mCircularBarPager.getCircularBar().animateProgress(0, 95, 1000);animateProgress(0, 95, 1000)方法可以以动画的方式设置实时的进度,参数1是进度的起始值,参数2是进度的终点值,参数3是动画的时间。参数1和参数2的取值范围是0到100和0到-100。 如果你想了解如何带有多页(带有Viewpager)的效果,请点击上面"下载源码" 按钮,这是我做的demo 。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值