🧩 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)
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
