bezierloading
A cool loading view with Bezier and a smooth circular motion
Library used
Thank you JeasonWong
Check out here
š§© BezierLoading
An extension for MIT App Inventor 2.This component is developed by th using Fast.
The BezierLoading class provides a customizable loading animation component, offering a wide range of configuration options.
Telegram | GitHub
Blogger | YouTube
Find More Extension
Terms & Conditions
Specifications
Package: io.th.bezierloading.bezierloading
Size: 19.93 KB
Version: 1.0
Minimum API Level: 7
Updated On: 2025-03-17T19:00:00Z
Built & documented using: FAST-CLI v2.7.0
Apk @ More Info GitHub
io.th.bezierloading.bezierloading.aix (19.9 KB)
BezierLoading.aia (21.9 KB)
Output
Youtube video
Events:
BezierLoading has total 4 events.
Started
Loading animation started
Stopped
Loading animation stopped
Initialized
Loading view initialized
Removed
Loading view removed
Methods:
BezierLoading has total 14 methods.
Initialize
Initialize loading view in arrangement
| Parameter | Type |
|---|---|
| arrangement | component |
Start
Start loading animation
Stop
Stop loading animation
Remove
Remove loading view from parent
Show
Show loading view
Hide
Hide loading view
Clockwise
Set rotation to clockwise
CounterClockwise
Set rotation to counterclockwise
Circle
Set shape to circle
Triangle
Set shape to triangle
Rectangle
Set shape to rectangle
Star
Set shape to star
Hexagon
Set shape to hexagon
Oval
Set shape to oval
Setters:
BezierLoading has total 11 setter properties.
ExternalRadius
Set external circle radius (0-100)
- Input type:
number
InternalRadius
Set internal circle radius (0-100)
- Input type:
number
AnimationDuration
Set animation duration (0-100, smaller = faster)
- Input type:
number
Colors
Set colors array as list for gradient colors.
- Input type:
text
Width
Set width of loading view
- Input type:
number
Height
Set height of loading view
- Input type:
number
BackgroundColor
Set background color of loading view
- Input type:
number
AutoStart
Set if loading should auto-start after initialization
- Input type:
boolean
RotationSpeed
Set rotation speed multiplier (0.1-5.0)
- Input type:
number
Clockwise
Set rotation direction (true = clockwise, false = counterclockwise)
- Input type:
boolean
Shape
Set loading shape (CIRCLE, TRIANGLE, RECTANGLE, STAR, HEXAGON, OVAL)
- Input type:
text
Getters:
BezierLoading has total 5 getter properties.
BackgroundColor
Get background color of loading view
- Return type:
number
AutoStart
Get if loading should auto-start after initialization
- Return type:
boolean
RotationSpeed
Get rotation speed multiplier (0.1-5.0)
- Return type:
number
IsClockwise
Get rotation direction (true = clockwise, false = counterclockwise)
- Return type:
boolean
Shape
Get loading shape (CIRCLE, TRIANGLE, RECTANGLE, STAR, HEXAGON, OVAL)
- Return type:
text
Thanks
TechHamara