Android中實現(xiàn)ProgressBar菊花旋轉(zhuǎn)進度條的動畫效果

更新時間：2021年09月17日 15:04:38 作者：kaolagirl

大家在一些頁面經(jīng)常會遇到加載中需要顯示一個加載動畫，像旋轉(zhuǎn)的菊花旋轉(zhuǎn)的圈圈動畫效果，本文通過實例代碼給大家講解下，需要的朋友參考下吧

在一些常見到的加載中需要顯示一個加載動畫，如旋轉(zhuǎn)的菊花，旋轉(zhuǎn)的圈圈等等動畫…,然后我們現(xiàn)在就來說下怎么去試下它吧

一.菊花的旋轉(zhuǎn)動畫

在這里插入圖片描述

1.新建一個drawable文件

在res/drawable下新建一個progressbar_style.xml文件定義一個旋轉(zhuǎn)動畫

<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/loading_01"  //菊花圖片路徑
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="360">
</animated-rotate>

2.在布局ProgressBar控件中引入使用

 <ProgressBar
        android:background="@color/transparent"
        android:indeterminateDuration="2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:indeterminateBehavior="repeat" 
        android:indeterminateDrawable="@drawable/progressbar_style"/>

二. 圓圈旋轉(zhuǎn)動畫

在這里插入圖片描述

步驟跟上面是一樣的，使用也是一樣的，只是在progressbar_style.xml中定義的動畫效果是不一樣的

<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="360">
    <shape
        android:innerRadius="8dp"
        android:thickness="3dp"
        android:shape="ring"
        android:useLevel="false">
        <gradient
            android:centerY="0.50"
            android:endColor="#cccccc"
            android:startColor="@color/white"
            android:type="sweep"
            android:useLevel="false" />
    </shape>

<!--  android:pivotX     動畫執(zhí)行的起點x坐標 50%代表相對自身寬度的
android:innerRadius  內(nèi)環(huán)的半徑
android:thickness  環(huán)的厚度
android:useLevel  只有當我們的shape使用在LevelListDrawable中時，這個值為true，否則為false
android:centerY 漸變中心Y的相對位置，值為0-1
android:type  漸變類型，還有l(wèi)inear,radial兩種類型，線性漸變和放射漸變-->

</animated-rotate>

到此這篇關于Android中實現(xiàn)ProgressBar菊花旋轉(zhuǎn)進度條的動畫效果的文章就介紹到這了,更多相關Android ProgressBar菊花旋轉(zhuǎn)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: