缓冲进度条或加载进度条,在加载页面或者视频加载过程中,为了做到更好的UI及App功能体验交互,这些缓冲加载的等待效果是必不可少的;
下面来看一下旋转的动画效果:那么,他们的具体源码在这里:loading_1:
<?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="1080.0" > <shape android:innerRadiusRatio="3" android:shape="ring" android:thicknessRatio="8" android:useLevel="false" > <gradient android:centerColor="#FFDC35" android:centerY="0.50" android:endColor="#CE0000" android:startColor="#FFFFFF" android:type="sweep" android:useLevel="false" /> </shape> </rotate>
loading_2:
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <item > <rotate android:drawable="@drawable/movie_loading" android:fromDegrees="0.0" android:pivotX="50.0%" android:pivotY="50.0%" android:toDegrees="1080.0" /> </item> </layer-list>
loading_3:
<?xml version="1.0" encoding="UTF-8"?> <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false" > <item android:duration="150"> <clip android:clipOrientation="horizontal" android:drawable="@drawable/loading_01" android:gravity="left" /> </item> <item android:duration="150"> <clip android:clipOrientation="horizontal" android:drawable="@drawable/loading_02" android:gravity="left" /> </item> <item android:duration="150"> <clip android:clipOrientation="horizontal" android:drawable="@drawable/loading_03" android:gravity="left" /> </item> <item android:duration="150"> <clip android:clipOrientation="horizontal" android:drawable="@drawable/loading_04" android:gravity="left" /> </item> <item android:duration="150"> <clip android:clipOrientation="horizontal" android:drawable="@drawable/loading_05" android:gravity="left" /> </item> <item android:duration="150"> <clip android:clipOrientation="horizontal" android:drawable="@drawable/loading_06" android:gravity="left" /> </item> <item android:duration="150"> <clip android:clipOrientation="horizontal" android:drawable="@drawable/loading_07" android:gravity="left" /> </item> <item android:duration="150"> <clip android:clipOrientation="horizontal" android:drawable="@drawable/loading_08" android:gravity="left" /> </item> <item android:duration="150"> <clip android:clipOrientation="horizontal" android:drawable="@drawable/loading_09" android:gravity="left" /> </item> <item android:duration="150"> <clip android:clipOrientation="horizontal" android:drawable="@drawable/loading_10" android:gravity="left" /> </item> <item android:duration="150"> <clip android:clipOrientation="horizontal" android:drawable="@drawable/loading_11" android:gravity="left" /> </item> <item android:duration="150"> <clip android:clipOrientation="horizontal" android:drawable="@drawable/loading_12" android:gravity="left" /> </item> </animation-list>
activity_main.java:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" android:gravity="center_horizontal" android:background="#222222"> <ProgressBar android:id="@+id/loading_1" android:layout_width="50dp" android:layout_height="50dp" android:layout_marginTop="60dp" android:indeterminate="false" android:padding="5dp" android:indeterminateDrawable="@drawable/loading_1" /> <ProgressBar android:id="@+id/loading_2" android:layout_width="50dp" android:layout_height="50dp" android:layout_marginTop="60dp" android:indeterminate="false" android:padding="5dp" android:indeterminateDrawable="@drawable/loading_2" /> <ProgressBar android:id="@+id/loading_3" android:layout_width="50dp" android:layout_height="50dp" android:indeterminate="false" android:layout_marginTop="60dp" android:padding="5dp" android:indeterminateDrawable="@drawable/loading_3" /> </LinearLayout>
不需要在Activity.java中添加任何代码,已经搞定!
后待续。。。
时间: 2024-10-15 03:08:21