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

BungeeAnimation in Android with Example

madhavmaheshwarimm20

Improve

Article Tags :

BubbleEmitter animation in Android with Examples

Approach

Output: Run on Emulator

Output: Run on Emulator

Similar Reads

Thank You!

What kind of Experience do you want to share?