EleLoadingView

A beautiful loading view for android inspired by Ele.me and dribbble

Here is the emoji resources I used in the screenshot.

How to use it

Import

Add it in your root build.gradle at the end of repositories:

allprojects {
	repositories {
		...
		maven { url "https://jitpack.io" }
	}
}

Add the dependency

dependencies {
	compile 'com.github.yiyuanliu:EleLoadingView:1.2'
}

Use in layout

Define a array

<array name="emojis">
	<item>@drawable/emoji1</item>
    <item>@drawable/emoji2</item>
	<item>@drawable/emoji3</item>
    <item>@drawable/emoji4</item>
</array>

Add EleLoadingView into your layout. There display nothing default, so you should add icons in layout file or add later in code.

<com.yiyuanliu.eleloadingview.EleLoadingView
    android:id="@+id/loading"        
	android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:eleIcon="@drawable/food1"
    app:eleJumpHeight="84dp"
	/>

<com.yiyuanliu.eleloadingview.EleLoadingView
    android:id="@+id/loading2"        
	android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:eleIconList="@array/emojis"
    app:eleJumpHeight="84dp"
	/>

Use in code

EleLoadingView loading = (EleLoadingView) findViewById(R.id.loading);

final Drawable[] foods = new Drawable[]{
    getResources().getDrawable(R.drawable.food1),
	getResources().getDrawable(R.drawable.food2),
    getResources().getDrawable(R.drawable.food3),
    getResources().getDrawable(R.drawable.food4),
    getResources().getDrawable(R.drawable.food5),
};
loading.setIcon(foods);

//you can set one icon too
//loading.setIcon(getResources().getDrawable(R.drawable.food1));

Attributes

attribute	method	default
eleIcon	`setIcon(Drawable... icons)`
eleIconList	`setIcon(Drawable... icons)`
eleIconWidth	`setIconWidth(int width)` `setIconWidthDp(int iconWidthDp`	48dp
eleIconHeight	`setIconHeight(int height)` `setIconHeightDp(int heightDp)`	48dp
eleJumpHeight	`setJumpHeight(int jumpHeight)` `setJumpHeightDp(int jumpHeightDp)`	64dp
eleShadowMax	`setShadowMax(float shadowMax)`	1
eleShadowMin	`setShadowMin(float shadowMin)`	0.3
eleShadowColor	`setShadowColor(float color)`	#ffa0a0a0
eleRotate	`setRotate(boolean rotate)`	false
`setDuration(long duration)`	280

yiyuanliu / EleLoadingView