Metro風格的加載效果：MetroLoading

1.設置 Gradle

dependencies {
       compile 'com.mmga.metroloading:metroloading:1.0.0'
    }

2.添加 MetroLoadingView到 layout

<com.mmga.metroloading.MetroLoadingView
        android:id="@+id/loading"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 

        app:transform_color="#ee00ff"
        app:indicator_height="9dp"
        app:indicator_width="4dp"
        />

3.Use it as a normal custom view

  mLoading.start();

現在你應該能得到這樣的動畫：

自定義

1.改變速度，間隔以及indicator

 app:number="3"
    app:duration_in_mills="1500"
    app:interval_in_mills="100"

2.淡入淡出

    app:fade="true"

3. 縮放

    app:transform="true"
    app:transform_height="15dp"
    app:transform_width="4dp"
    app:transform_radius="3dp"

這里但尺寸是indicator移動到了View中間的大小。

4.添加陰影

    app:has_shadow = "true"
    app:shadow_color="#666666"

5.變色

    app:transform_color_mode="symmetry" //or linear or none 
    app:transform_color="#ee00ff"

transform_color_mode = linear

transform_color_mode = symmetry

6."教練! 我想玩球"

Take it

    app:indicator="circle" // or rectangle

以上的所有屬性ball都可用

Options available in XML attributes:

API available