zoukankan      html  css  js  c++  java
  • Android 三种方式实现自定义圆形进度条ProgressBar

    一、通过动画实现

    定义res/anim/loading.xml如下:

    <?xml version="1.0" encoding="UTF-8"?>  
    <animation-list android:oneshot="false"  
    xmlns:android="http://schemas.android.com/apk/res/android">  
      <item android:duration="150" android:drawable="@drawable/loading_01" />  
      <item android:duration="150" android:drawable="@drawable/loading_02" />  
      <item android:duration="150" android:drawable="@drawable/loading_03" />  
      <item android:duration="150" android:drawable="@drawable/loading_04" />  
      <item android:duration="150" android:drawable="@drawable/loading_05" />  
      <item android:duration="150" android:drawable="@drawable/loading_06" />  
      <item android:duration="150" android:drawable="@drawable/loading_07" />  
    </animation-list>   

    二、通过自定义颜色实现

    定义res/drawable/progress_small.xml如下:

    <?xml version="1.0" encoding="utf-8"?>  
    <rotate xmlns:android="http://schemas.android.com/apk/res/android"  
        android:fromDegrees="0"  
        android:pivotX="50%"  
        android:pivotY="50%"  
        android:toDegrees="360" >  
        <shape  
            android:innerRadiusRatio="3"  
            android:shape="ring"  
            android:thicknessRatio="8"  
            android:useLevel="false" >  
            <gradient  
                android:centerColor="#FFFFFF"  
                android:centerY="0.50"  
                android:endColor="#1E90FF"  
                android:startColor="#000000"  
                android:type="sweep"  
                android:useLevel="false" />  
        </shape>  
    </rotate>  

    三、使用一张图片进行自定义
    定义res/drawable/progress_small.xml如下:

    <rotate xmlns:android="http://schemas.android.com/apk/res/android"  
        android:drawable="@drawable/spinner_black_16"  
        android:pivotX="50%"  
        android:pivotY="50%"  
        android:fromDegrees="0"  
        android:toDegrees="360" />  

    使用方法都一样, 如下:

    <ProgressBar  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:indeterminateDrawable="@drawable/progress_small"/>  

    也可以根据需要通过设置style来设置其大小! 一般只有使用默认的ProgrressBar的时候采用。对于上述三种自定义的方式,建议修改直接修改图片大小,或者shape;

    <ProgressBar  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_centerInParent="true"  
        style="?android:attr/progressBarStyleSmall"  
        android:indeterminateDrawable="@drawable/progress_small"/>  

    设置成progressBarStyleSmall后,图标变小。 

    设置成progressBarStyleLarge后,图标变大

       

    参考: http://www.eoeandroid.com/forum.php?mod=viewthread&tid=76872

  • 相关阅读:
    MAC OSX 进程间通信
    UVa 10397 Connect the Campus
    ios 类似的效果淘宝商品详细页面
    Programming from the ground up(0)
    解决因特网和xshell考虑到问题
    除去在阵列中重复元件
    Cocos2d-x 手机游戏《疯狂的蝌蚪》资源 “开源” win32+安德鲁斯+iOS三合一
    (四)左右ng-app自己主动bootstrap相框
    Codeforces 338D GCD Table 中国剩余定理
    十月金在线编程竞赛的第二个冠军:解密
  • 原文地址:https://www.cnblogs.com/zhujiabin/p/5908270.html
Copyright © 2011-2022 走看看