Skip to content
Related Articles

Related Articles

Improve Article
BubbleEmitter animation in Android with Examples
  • Difficulty Level : Medium
  • Last Updated : 23 Feb, 2021

BubbleEmitter is an animation library that helps to gain the attention of the user. It shows fancy animated bubbles as 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 application 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 developer.
  • One can also create a custom colorful bubble.

bubble-emitter

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 bigbucket 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: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

Want a more fast-paced & competitive environment to learn the fundamentals of Android?
Click here to head to a guide uniquely curated by our experts with the aim to make you industry ready in no time!



My Personal Notes arrow_drop_up
Recommended Articles
Page :