android - Github app的进度条是如何实现的

Question

当我尝试实现进度条时。我遇到了 git hub 应用程序它实现了神话般的进度条微调器。我只是好奇他们是怎么做到的。他们如何在应用程序中调用微调器，以加载 activiy UI 的其他部分，但 Activity 的一部分，即可能从服务器获取的一个 Activity 显示微调器。由于 Git hubis 开源软件，我能够浏览代码。但我不太明白。

GiHub App Source Code任何知道他们如何实现进度条的人。

Answer 1

它是一个具有自定义样式的常规 ProgressBar。例如

https://github.com/github/android/blob/master/app/res/layout/progress_dialog.xml

<ProgressBar
    android:id="@+id/pb_loading"
    style="@style/Spinner"
    android:layout_width="48dp"
    android:layout_height="48dp" />

定义它应该使用定义为

的 Spinner样式

https://github.com/github/android/blob/master/app/res/values/styles.xml

<style name="Spinner">
    <item name="android:indeterminate">true</item>
    <item name="android:indeterminateDrawable">@drawable/spinner</item>
    <item name="android:indeterminateDuration">2000</item>
    <item name="android:indeterminateOnly">true</item>
</style>

该样式定义了要使用的自定义可绘制对象，它被定义为两部分 LayerList .

https://github.com/github/android/blob/master/app/res/drawable/spinner.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:drawable="@drawable/spinner_inner"/>
    <item>
        <rotate
            android:fromDegrees="0"
            android:interpolator="@android:anim/linear_interpolator"
            android:pivotX="50%"
            android:pivotY="50%"
            android:toDegrees="360" >
            <bitmap
                android:antialias="true"
                android:filter="true"
                android:src="@drawable/spinner_outer" />
        </rotate>
    </item>

</layer-list>

inner image是猫的标志，outer images设置旋转360°的是虚线圆圈。