Home

Awesome

ColoringLoading

Android Arsenal ![Release](https://img.shields.io/github/release/recruit-lifestyle/ColoringLoading.svg?label=maven version) License
This project provide Coloring Loading View for Android.
And this project is not using the image file!

Even if this works fine with API.13 or less, we support only for API.14 or more.

Screenshots

Watch YouTube video here.

NINJABUTTERFLYVIOLIN
<img src="./sc/sc1.png" width="200"><img src="./sc/sc2.png" width="200"><img src="./sc/sc11.png" width="200">
RIFLEHEAR STYLETOOTH
<img src="./sc/sc4.png" width="200"><img src="./sc/sc5.png" width="200"><img src="./sc/sc6.png" width="200">
CUCUMBERSTORMDOGEZA
<img src="./sc/sc12.png" width="200"><img src="./sc/sc8.png" width="200"><img src="./sc/sc9.png" width="200">
CAT
<img src="./sc/sc10.png" width="200">

Requirements

Target Sdk Version : 21
Min Sdk Version : 14

How to use

  1. Add this to your build.gradle.
repositories {
    maven {
        url "https://jitpack.io"
    }
}

dependencies {
  compile 'com.github.recruit-lifestyle:ColoringLoading:1.0'
}
  1. Add java jp.co.recruit_lifestyle.android.widget.ColoringLoadingView .
<jp.co.recruit_lifestyle.android.widget.ColoringLoadingView
    android:layout_width="300dp"
    android:layout_height="300dp"
    />
  1. Select Character.
loadingView.setCharacter(ColoringLoadingView.Character.BUTTERFLY);
  1. Call java ColoringLoadingView#startDrawAnimation
loadingView.startDrawAnimation();
  1. When finished, call setVisibility(GONE)
loadingView.setVisibility(View.GONE);

Custom

If you need another Character, you can make new Character very easy.

  1. Make 100pt * 100pt Canvas with Illustrator

  2. Draw new Character

<img src="./sc/ill1.png" width="200">

  1. Open ExtendScript ToolKit and import <a href="./ConvertScript.jsx">ConvertScript.jsx</a>

  2. Select new Character, Run <a href="./ConvertScript.jsx">ConvertScript.jsx</a>

<img src="./sc/ill2.png" width="600">

  1. Copy the results outputted to CharacterPath.java

  2. Update <a href="./library/src/main/java/jp/co/recruit_lifestyle/android/widget/ColoringLoadingView.java">ColoringLoadingView.java</a>
    Update Character

    <img src="./sc/ill3.png" width="400">

Add new case and put in CharacterPath variable <img src="./sc/ill4.png" width="600">

Credits

ColoringLoading is owned and maintained by RECRUIT LIFESTYLE CO., LTD.

ColoringLoading was originally created by Yuki Mima

License

Copyright 2015 RECRUIT LIFESTYLE CO., LTD.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.