BubbleEmitter animation in Android with Examples
Last Updated : 20 Aug, 2024
BubbleEmitter is an animation library that helps to gain the attention of the user. It shows fancy animated bubbles in an Android view. It is used to create a beautiful user interface where the user can feel the app in real. Some useful features and applications of BubbleEmitter are:
- To create a live wallpaper app BubbleEmitter can be used for this.
- Use this view where if you want the user to wait for some time.
- ProgressBar can be used instead of this but because of its unique UI, it will attract the user and hence users wait for enough time.
- It also provides full control to the developer.
- One can also create a custom colourful bubble.
Approach
Step 1: Add the support library in the root build.gradle file (not in module build.gradle file). This library jitpack is a novel package repository. It is made for JVM so that any library which is present in github and Bitbucketin can be directly used in the application.
allprojects { repositories { maven { url 'https://jitpack.io' } } }
Step 2: Add the support library in build.gradle file and add dependency in the dependencies section.
implementation 'com.github.FireZenk:BubbleEmitter:-SNAPSHOT'
Step 3: Add the following code in activity_main.xml file. In this file add BubbleEmitter to the layout. activity_main.xml <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <org.firezenk.bubbleemitter.BubbleEmitterView android:id="@+id/bubbleEmitter" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent"/> </androidx.constraintlayout.widget.ConstraintLayout>
Step 4: Add the following code in MainActivity.kt file. In this file create a thread and attach it to the main thread. MainActivity.kt package org.geeksforgeeks.bubbleemitter import androidx.appcompat.app.AppCompatActivity import android.os.Bundle import android.os.Handler import kotlinx.android.synthetic.main.activity_main.* import kotlin.random.Random class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) emitBubbles() } private fun emitBubbles() { // It will create a thread and attach it to // the main thread Handler().postDelayed({ // Random is used to select random bubble // size val size = Random.nextInt(20, 80) bubbleEmitter.emitBubble(size) emitBubbles() }, Random.nextLong(100, 500)) } }
Output: Run on Emulator
Step 5: To add color in bubbles add the following code in MainActivity.kt file. In this file we are going create black color bubbles. MainActivity.kt package org.geeksforgeeks.bubbleemitter import androidx.appcompat.app.AppCompatActivity import android.os.Bundle import android.os.Handler import kotlinx.android.synthetic.main.activity_main.* import kotlin.random.Random class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) emitBubbles() } private fun emitBubbles() { // It will create a thread and attach it to // the main thread Handler().postDelayed({ // Random is used to select random bubble // size val size = Random.nextInt(20, 80) bubbleEmitter.emitBubble(size) bubbleEmitter.setColors(android.R.color.black, android.R.color.black, android.R.color.black); emitBubbles() }, Random.nextLong(100, 500)) } }
Output: Run on Emulator