[Free] LongShadow - Create long shadow effects for views with customizable

Extensions
,
1

🧩 LongShadow

An extension for MIT App Inventor 2.
A component that creates long shadow effects for views with customizable angle, color and gradient.
Telegram | GitHub
Blogger | YouTube
Find More Extension
Terms & Conditions

:memo: Specifications

:package: Package: io.th.longshadow
:floppy_disk: Size: 12.40 KB
:gear: Version: 1.0
:iphone: Minimum API Level: 7
:date: Updated On: 2025-06-06T18:30:00Z
:computer: Built & documented using: FAST v2.8.4
:arrow_down: Get: aix
:arrow_down: Get: aia
:arrow_down: Get: apk
:placard: Find more info On: GitHub
:books: Library Use On: TintLayout thanks you Devlight for this library.

Demo

longShadow
longShadow458×543 34.5 KB

Screenshot_2025-06-08-11-36-21-882_appinventor.ai_Techhamara91.long_shadow
Screenshot_2025-06-08-11-36-21-882_appinventor.ai_Techhamara91.long_shadow1220×2712 83.9 KB

Blocks

GradientColors_Method
ClearGradientColors_Method
Cleanup_Method
ApplyTextShadow_Method
TextStyle_Method
Margins_Method
Initialize_Method
GradientColors2_Method

MarginBottom_Set_Property
MarginBottom_Get_Property
Color_Set_Property
Color_Get_Property
Angle_Set_Property
Angle_Get_Property
TextSize_Set_Property
TextColor_Set_Property
Text_Set_Property
Text_Get_Property
MarginTop_Set_Property
MarginTop_Get_Property
MarginRight_Set_Property
MarginRight_Get_Property
MarginLeft_Set_Property
MarginLeft_Get_Property

Documentation here

Methods:

LongShadow has total 8 methods.

Initialize

Initialize inside an arrangement. This must be called before using other functions.

Parameter Type
arrangement component

TextStyle

Sets the text style (0=normal, 1=bold, 2=italic, 3=bold|italic)

Parameter Type
style number

GradientColors

Sets gradient colors for the shadow effect. You can provide up to 3 colors.

Parameter Type
color1 number
color2 number
color3 number

GradientColors2

Sets gradient colors for the shadow effect with two colors.

Parameter Type
color1 number
color2 number

ClearGradientColors

Clears the gradient colors and uses the default shadow color.

ApplyTextShadow

Applies shadow effect to text

Cleanup

Cleans up and removes the component from the arrangement

Margins

Sets all margins at once (left, top, right, bottom) in pixels

Parameter Type
left number
top number
right number
bottom number

Setters:

LongShadow has total 9 setter properties.

Angle

Sets the angle of the shadow effect (0-360 degrees)

  • Input type: number

Color

Sets the color of the shadow effect

  • Input type: number

Text

Sets the text to display

  • Input type: text

TextSize

Sets the text size

  • Input type: number

TextColor

Sets the text color

  • Input type: number

MarginLeft

Sets the left margin of the text label in pixels

  • Input type: number

MarginRight

Sets the right margin of the text label in pixels

  • Input type: number

MarginTop

Sets the top margin of the text label in pixels

  • Input type: number

MarginBottom

Sets the bottom margin of the text label in pixels

  • Input type: number

Getters:

LongShadow has total 7 getter properties.

Angle

Sets the angle of the shadow effect (0-360 degrees)

  • Return type: number

Color

Sets the color of the shadow effect

  • Return type: number

Text

Sets the text to display

  • Return type: text

MarginLeft

Sets the left margin of the text label in pixels

  • Return type: number

MarginRight

Sets the right margin of the text label in pixels

  • Return type: number

MarginTop

Sets the top margin of the text label in pixels

  • Return type: number

MarginBottom

Sets the bottom margin of the text label in pixels

  • Return type: number

Thank

@TechHamara

Feel free to contact us any quarry or suggestions.

2 Likes