MetroLoading

Project Url: mmga/MetroLoading
Introduction: windows 风格的 loading 动画,可配置的属性比较多
More: Author   ReportBugs   
Tags:
动画-

A configurable Metro-style loading progress.

##Preview

##Usage ###1.Setup Gradle

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

###2.Add MetroLoadingView to your 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();

now you should have got the loading animation as Preview

##Customization

###1.change the speed,interval and number of indicator

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

###2.fade in an out

    app:fade="true"

###3.change the scale

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


this dimension is the size when indicators move to just middle of the view

###4.add a shadow

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

###5.make it colorful

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


transform_color_mode = linear


transform_color_mode = symmetry

###6."Coach! I want to play ball" Take it

    app:indicator="circle" // or rectangle

attributes above are all available for the ball


###Options available in XML attributes: |Attribute |Description | |--- |--- | |indicator |shape of indicator,"rectangle" or "circle" | |indicator_color |color |
|indicator_width |dimension |
|indicator_height |dimension | |indicator_radius |dimension |
|duration_in_mills |integer |
|interval_in_mills |integer |
|number |integer | | | |
|transform |boolean |
|transform_height |dimension,the height when comes to the middle |
|transform_width |dimension |
|transform_radius |dimension |
| | |
|transform_color_mode |"none","linear","symmetry" |
|transform_color |the color in the end(linear) or middle(symmetry) |
|fade |boolean |
| | |
|has_shadow |boolean |
|shadow_color |color |

###API available

Method
start()
stop()
isAnimating()

##About me

Email

Copyright (c) 2015 mmga

Licensed under the Apache License, Version 2.0

Apps
About Me
GitHub: Trinea
Facebook: Dev Tools