Android中ProgressBar样式

比眉伴天荒 2022-08-08 00:45 188阅读 0赞

![这里写图片描述][20150426140252132]  
Android系统已经被各大厂商改的面目全非，各种系统组件在不同手机上显示的效果完全不同，现在要想在开发中想要保持统一的界面风格，必须全部修改系统组件的样式，现在我们需要修改系统默认的**`ProgressBar`**,就Android系统本身来说，不同的版本组件的样式也不同。

## 系统中ProgressBar样式 ##

![系统样式][20150426141921299]  
找到`android-sdk`目录下的`platforms\android-15\data\res\values`中的`styles.xml`,然后查找ProgressBar，可以发现

`android:indeterminateDrawable`的值为**`@android:drawable/progress_medium_white`**,找到drawable目录下的progress\_medium\_white.xml,打开

<?xml version="1.0" encoding="utf-8"?>
    <animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
        android:drawable="@drawable/spinner_white_48"
        android:pivotX="50%"
        android:pivotY="50%"
        android:framesCount="12"
        android:frameDuration="100" />

就是一个简单的spinner\_white\_48.png的**`旋转动画`**

## 自定义`android:indeterminateDrawable`的值 ##

### 旋转动画 ###

<?xml version="1.0" encoding="utf-8"?>
    <rotate xmlns:android="http://schemas.android.com/apk/res/android"
        android:pivotX="50%"
        android:pivotY="50%"
        android:fromDegrees="0"
        android:toDegrees="360">
        <bitmap
            android:src="@mipmap/icon_timeline_stop_blue"
            android:antialias="true"
            android:filter="true"></bitmap>
    </rotate>

然后

即可制作简单的旋转样式的的ProgressBar

--------------------

### 帧动画 ###

还有一种样式的为**`帧动画`**，这里有一点需要注意的  
![这里写图片描述][20150426142305106] ![这里写图片描述][20150426142433923]  
两个图片,制作帧动画

<?xml version="1.0" encoding="utf-8"?>
    <animation-list xmlns:android="http://schemas.android.com/apk/res/android"
        android:oneshot="false">
        <item android:duration="100">
            <clip
                android:clipOrientation="horizontal"
                android:drawable="@mipmap/kaoyan_tip_f1"
                android:gravity="left" />
        </item><item android:duration="100">
        <clip
            android:clipOrientation="horizontal"
            android:drawable="@mipmap/kaoyan_tip_f2"
            android:gravity="left" />
    </item>
    
    </animation-list>

> 需要注意的是，需要使用**`clip`**节点来指定**`android:clipOrientation`**和**`android:gravity="left"`**，否则可能出现不同屏幕显示不完整的情况

[20150426140252132]: /images/20220805/ef58c3412f3e4565ab68f45eb6a30f4a.png
[20150426141921299]: /images/20220805/f5a37f0b9b2847ddb3a1a1a658e458cf.png
[20150426142305106]: https://img-blog.csdn.net/20150426142305106
[20150426142433923]: /images/20220805/c03a7b53fa414e999ad1c51425931ac6.png