🧩 MagicLine
An extension for MIT App Inventor 2.Draw a straight line with two points according to a certain regular movement, thus drawing a magical visual effect. Developed by TechHamara using Fast.Telegram | GitHub
BuyMeaCoffee | YouTube
Find More Extension
Terms & Conditions
Specifications
Package: io.th.magicline
Size: 11.83 KB
Version: 1.0
Minimum API Level: 7
Updated On: 2025-11-08T18:30:00Z
Built & documented using: FAST v2.8.4
Library used: thanks you zhangyuChen1991 for your MagicLine Library.
Get aix here
Get aia here
Find more info and apk on GitHub
Demo
Blocks
Documentation
Events:
MagicLine has total 2 events.
OnDrawStart
Event raised when animation drawing starts
OnDrawEnd
Event raised when animation drawing ends
Methods:
MagicLine has total 6 methods.
Initialize
Initialize inside an arrangement.
| Parameter | Type |
|---|---|
| arrangement | component |
StartDraw
Start drawing the magic line animation
Parameters
Set custom parameters for the magic line animation
| Parameter | Type |
|---|---|
| p1XLength | number |
| p1YLength | number |
| p2XLength | number |
| p2YLength | number |
| speedP1 | number |
| speedP2 | number |
SpiralFlowerPattern
Set a preset flower pattern - Spiral Flower
StarFlowerPattern
Set a preset flower pattern - Star Flower
CircularFlowerPattern
Set a preset flower pattern - Circular Flower
Setters:
MagicLine has total 10 setter properties.
BackgroundColor
Set the background color of the magic line view
- Input type:
number
LineColor
Set line color
- Input type:
number
LineWidth
Set line width
- Input type:
number
AnimationDuration
Set animation duration in milliseconds
- Input type:
number
Height
Set the height of the magic line view
- Input type:
number
Width
Set the width of the magic line view
- Input type:
number
TextAtTop
Set text to display at top of the drawing
- Input type:
text
TextAtBottom
Set text to display at bottom of the drawing
- Input type:
text
TextColor
Set the text color
- Input type:
number
TextSize
Set the text size
- Input type:
number