๐จ An Android library to create gradient animation like Instagram&Spotify
Spark
Create gradient animations like Instagram&Spotify.
Screenshots
Usage
private lateinit var _spark: Spark
override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main)
spark = Spark(frameLayout, Spark.ANIMGREEN_PURPLE, 4000) _spark.startAnimation() }
override fun onDestroy() { super.onDestroy()
_spark.stopAnimation() }
Installation
Gradle
dependencies {
implementation 'io.github.tonnyl:spark:x.y.z'
}
Maven
<dependency>
<groupId>io.github.tonnyl</groupId>
<artifactId>spark</artifactId>
<version>x.y.z</version>
<type>pom</type>
</dependency>
Custom Gradient Colors
Spark has 3 built-in animation-lists, and you can custom your owns.Create gradient drawables
purple_drawable.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient android:centerColor="#e459aa" android:endColor="#cd7be6" android:startColor="#f14589" android:type="linear" />
<corners android:radius="0dp" />
</shape>
yellow_drawable.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient android:centerColor="#F4A37B" android:endColor="#F08875" android:startColor="#F9CB87" android:type="linear"/>
<corners android:radius="0dp" />
</shape>
Create the Animation List
customanimlist.xml
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:>
<item android:drawable="@drawable/yellow_drawable" android:duration="4500" />
<item android:drawable="@drawable/purple_drawable" android:duration="4500" />
</animation-list>
Apply Your Custom Animation List
_spark = Spark(
frameLayout,
R.drawable.yourcustomanim_list, // Your custom animation
4000
)
Thanks
Designed by Alexander Zaytsev.
