🧩 CustomLetter
An extension for MIT App Inventor 2.developed by th using Fast.
A custom component for creating and animating letters in App Inventor.
allows users to display and animate letters with customizable colors,n sizes, and various animation effects.
Telegram | GitHub
Blogger | YouTube
Find More Extension
Terms & Conditions
Specifications
Package: io.th.customletter.customletter
Size: 22.88 KB
Minimum API Level: 7
Updated On: 2025-04-09T18:30:00Z
Built & documented using: FAST v2.8.3
Paid Buy UPI 180rs
USD 2$. PayPal
New Update V1.2
Date 14/04/2025
- Package name - CustomLatter to CustomLetter
- Bugs fix and add new blocks
Demo
Blocks
New
New
Events:
CustomLetter has total 4 events.
AnimationStart
Event raised when animation starts
| Parameter | Type |
|---|---|
| animationType | text |
AnimationEnd
Event raised when animation ends
| Parameter | Type |
|---|---|
| animationType | text |
GroupAnimationStart
Event raised when group animation starts
GroupAnimationEnd
Event raised when group animation ends
Methods:
CustomLetter has total 5 methods.
Initialize
Initialize inside an arrangement.
| Parameter | Type |
|---|---|
| arrangement | component |
SelectLetter
Select letters to animate (use separator to add multiple letters). Use
in your letter string to create multiple lines. For example: "H E L L O" (single line), "H E LnL O" (two lines), "H EnL LnO (three lines)
| Parameter | Type |
|---|---|
| letters | SelectLetter (helper blocks) |
- Enums for SelectLetter:
A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z
Animation
Apply animation to selected letter: bounce, shake, rotate, fade, scale, wave, flip, pulse, swing, spiral, pop, elastic, rubberband
| Parameter | Type |
|---|---|
| animationType | AnimationType (helper blocks) |
- Enums for AnimationType:
Bounce,Shake,Rotate,Fade,Scale,Wave,Flip,Pulse,Swing,Spiral,Pop,Elastic,Rubberband
StartGroupAnimation
Start group animation
Cleanup
Clean up resources when component is no longer needed
Setters:
CustomLetter has total 14 setter properties.
BodyColor
Sets the body color of the letter
- Input type:
number
ArmsColor
Sets the arms color of the letter
- Input type:
number
LegsColor
Sets the legs color of the letter
- Input type:
number
LegsWidth
Sets the width of legs stroke
- Input type:
number
Separator
Sets the separator character for multiple letters like "H#E#L#L#O" (if # is set as separator) or use the default space separator
- Input type:
text
LetterWidth
Sets the width of each letter
- Input type:
number
LetterHeight
Sets the height of each letter
- Input type:
number
StrokeWidth
Sets the stroke width for letters
- Input type:
number
StrokeColor
Sets the stroke color for letters
- Input type:
number
ShadowColor
Sets the shadow color for letters
- Input type:
number
ShadowRadius
Sets the shadow radius (blur) for letters
- Input type:
number
ShadowOffsetX
Sets the horizontal shadow offset
- Input type:
number
ShadowOffsetY
Sets the vertical shadow offset
- Input type:
number
Elevation
Sets the elevation (material design shadow) for letters
- Input type:
number
Thanks
TechHamara
