[Free] Bubble Charging Smart Bubble Charging Animation

[TechHamara]

🧩 BubbleCharging

An extension for MIT App Inventor 2.
Bubble Charging Animation Extension is developed by th using Fast.
This extension provides a customizable and interactive bubble charging animation.
Telegram | GitHub
Blogger | YouTube
Find More Extension
Terms & Conditions

Specifications

---

Package: io.th.bubblecharging.bubblecharging
Size: 48.56 KB
Version: 1.0
Minimum API Level: 7
Updated On: 2025-04-28T18:30:00Z
Built & documented using: FAST v2.8.4
Library Used here
Thank WislieZhu for your this library.
Download aix
io.th.bubblecharging.bubblecharging.aix (48.6 KB)

Download aia
bubblecharging.aia (51.6 KB)

New Update
Changed package name
Package: io.th.bubblecharging
Size: 34.40 KB
Version: 1.1

Rebuild this code and change some blocks with animation and remove some charging UI.

Aix Here
Aia here
Get apk
Documentation on GitHub

Demo

---

Blocks

---

Demo

Blocks

---

Methods:

BubbleCharging has total 14 methods.

Initialize

Initialize inside an arrangement.

Parameter	Type
arrangement	component

StartAnimation

Start the charging animation.

StopAnimation

Stop the charging animation.

Progress

Set a specific progress value (0-100).

Parameter	Type
progress	number

ToggleImmersiveMode

Toggle immersive mode (hide/show navigation bars).

Parameter	Type
hideNavigationBar	boolean

NavigationBarColor

Set navigation bar color.

Parameter	Type
color	number

BubbleDensity

Set bubble density (maximum number of bubbles).

Parameter	Type
density	number

BubbleSpeed

Set bubble speed range.

Parameter	Type
minSpeed	number
maxSpeed	number

BubbleSize

Set bubble size range.

Parameter	Type
minSize	number
maxSize	number

ClearBubbles

Clear all existing bubbles.

GenerateBubbles

Generate multiple bubbles at once.

Parameter	Type
count	number

BubbleWobble

Enable or disable bubble wobble effect.

Parameter	Type
enable	boolean
amplitude	number
frequency	number

RingStyle

Set the ring style (0=Standard, 1=Pulsing, 2=FastRotating, 3=Thin, 4=DoubleRing, 5=Angular, 6=Particles).

Parameter	Type
styleValue	number

Appearance

Set both background color and ring style at once.

Parameter	Type
backgroundColor	number
ringStyle	number

Setters:

BubbleCharging has total 2 setter properties.

AnimationColor

Set the animation color.

• Input type: number

BackgroundColor

Set the background color of the animation.

• Input type: number

Getters:

BubbleCharging has total 4 getter properties.

AnimationColor

Set the animation color.

• Return type: number

BatteryPercentage

Get the current battery percentage.

• Return type: number

BatteryInfo

Get formatted battery information.

• Return type: text

BackgroundColor

Set the background color of the animation.

• Return type: number

Thanks

TechHamara

[nico]

This is a good extension!

On the other hand, I don't know if they are intentional or not, but the large triangles that appear during the animation are rather curious:

Thanks,
Nico

[JEWEL]

@TechHamara

io.th.bubblecharging.bubblecharging

The package name would look shorter and better as: io.th.bubblecharging

[TechHamara]

@nico

@nico

the large triangles that appear during the animation

Yes
The triangle is not good looking then I remove it next update.
And new feature add soon..

[TechHamara]

@JEWEL

The package name would look shorter and better as: io.th.bubblecharging

Yes but this is default package name.
If solution how to add shorter package name.
Please help me.

[JEWEL]

This is a suggested approach for creating a new project.

[TechHamara]

@JEWEL thanks for your suggestion.
I will try in next update and another project.

[TechHamara]

New Update
Changed package name
Package: io.th.bubblecharging

Size: 34.40 KB

Version: 1.1

Rebuild this code and change some blocks with animation and remove some charging UI.

Aix Here
Aia here
Get apk
Documentation on GitHub

Demo

---

Blocks

---