Android中實現ProgressBar菊花旋轉進度條的動畫效果
更新時間:2021年09月17日 15:04:38 作者:kaolagirl
大家在一些頁面經常會遇到加載中需要顯示一個加載動畫,像旋轉的菊花旋轉的圈圈動畫效果,本文通過實例代碼給大家講解下,需要的朋友參考下吧
在一些常見到的加載中需要顯示一個加載動畫,如旋轉的菊花,旋轉的圈圈等等動畫…,然后我們現在就來說下怎么去試下它吧
一.菊花的旋轉動畫

1.新建一個drawable文件
在res/drawable下新建一個progressbar_style.xml文件定義一個旋轉動畫
<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"/>
二. 圓圈旋轉動畫

步驟跟上面是一樣的,使用也是一樣的,只是在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 內環(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中實現ProgressBar菊花旋轉進度條的動畫效果的文章就介紹到這了,更多相關Android ProgressBar菊花旋轉內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

