[Free] SlideToAct - Sliding actions, allowing users to easily interact

Extensions
,
1

🧩 SlideToAct

An extension for MIT App Inventor 2.
This component is developed by TechHamara using Fast, a powerful tool for creating Ai2 extensions. It provides a user-friendly interface for sliding actions, allowing users to easily interact with your app.
Telegram | GitHub
BuyMeaCoffee | YouTube
Find More Extension
Terms & Conditions

:memo: Specifications

:package: Package: io.th.slidetoact
:floppy_disk: Size: 21.85 KB
:gear: Version: 1.0
:iphone: Minimum API Level: 7
:date: Updated On: 2025-06-09T18:30:00Z
:computer: Built & documented using: FAST v2.8.4
:books: Library Used On slidetoact Thanks Applib-HarmonyOS for this awesome library.
:arrow_down: Get aix/aia/apk here
:placard: Find more info On GitHub

Demo

Slide to actblocks.png

96c6ea50-bb84-4a57-9b97-10ca2fe475b5.gif

7f98bfab-2b6f-4842-a651-4b8cb00912fe.gif

f28763fb-64da-4fe5-8d72-73eb151fd0f0.gif

Screenshot_2025-06-11-17-08-39-151_appinventor.ai_Techhamara91.slidetoact
Screenshot_2025-06-11-17-08-39-151_appinventor.ai_Techhamara91.slidetoact1220×2712 133 KB

Screenshot_2025-06-11-17-10-59-238_appinventor.ai_Techhamara91.slidetoact
Screenshot_2025-06-11-17-10-59-238_appinventor.ai_Techhamara91.slidetoact1220×2712 137 KB

Screenshot_2025-06-11-17-11-39-997_appinventor.ai_Techhamara91.slidetoact
Screenshot_2025-06-11-17-11-39-997_appinventor.ai_Techhamara91.slidetoact1220×2712 135 KB

Blocks

SlideReset_Event
SlideFailed_Event
SlideCompleted_Event
SlideAnimationStarted_Event
SlideAnimationEnded_Event
ResetAnimationStarted_Event
ResetAnimationEnded_Event

EmojiIcon_Method
ArrowIcon_Method
Reset_Method
IsCompleted_Method
Initialize_Method

Text_Get_Property
RotateIcon_Set_Property
RotateIcon_Get_Property
Reversed_Set_Property
Reversed_Get_Property
OuterColor_Set_Property
Locked_Set_Property
Locked_Get_Property
InnerColor_Set_Property
IconMargin_Set_Property
IconMargin_Get_Property
IconColor_Set_Property
AreaMargin_Set_Property
AreaMargin_Get_Property
AnimationDuration_Set_Property
AnimationDuration_Get_Property
AnimateCompletion_Set_Property
AnimateCompletion_Get_Property
TextSize_Set_Property
TextSize_Get_Property
TextColor_Set_Property
Text_Set_Property

Documentation

Events:

SlideToAct has total 7 events.

SlideCompleted

Event raised when the slider is completed

SlideReset

Event raised when the slider is reset

SlideFailed

Event raised when the user fails to slide properly

Parameter Type
isOutside boolean

SlideAnimationStarted

Event raised when the slide animation starts

Parameter Type
threshold number

SlideAnimationEnded

Event raised when the slide animation ends

ResetAnimationStarted

Event raised when the reset animation starts

ResetAnimationEnded

Event raised when the reset animation ends

Methods:

SlideToAct has total 5 methods.

Initialize

Initialize inside an arrangement.

Parameter Type
arrangement component

EmojiIcon

Set an emoji as the slider icon

Parameter Type
emoji text

ArrowIcon

Set the default arrow icon

Reset

Reset the slider to its initial position

IsCompleted

Check if the slider is completed

  • Return type: boolean

Setters:

SlideToAct has total 13 setter properties.

TextSize

Set the text size

  • Input type: number

AreaMargin

Set the area margin

  • Input type: number

IconMargin

Set the icon margin

  • Input type: number

Text

Set the text to display on the slider

  • Input type: text

TextColor

Set the text color

  • Input type: number

OuterColor

Set the outer color

  • Input type: number

InnerColor

Set the inner color

  • Input type: number

IconColor

Set the icon color

  • Input type: number

Locked

Set whether the slider is locked

  • Input type: boolean

Reversed

Set whether the slider is reversed

  • Input type: boolean

RotateIcon

Set whether to rotate the icon

  • Input type: boolean

AnimateCompletion

Set whether to animate completion

  • Input type: boolean

AnimationDuration

Set the animation duration in milliseconds

  • Input type: number

Getters:

SlideToAct has total 9 getter properties.

TextSize

Set the text size

  • Return type: number

AreaMargin

Set the area margin

  • Return type: number

IconMargin

Set the icon margin

  • Return type: number

Text

Set the text to display on the slider

  • Return type: text

Locked

Set whether the slider is locked

  • Return type: boolean

Reversed

Set whether the slider is reversed

  • Return type: boolean

RotateIcon

Set whether to rotate the icon

  • Return type: boolean

AnimateCompletion

Set whether to animate completion

  • Return type: boolean

AnimationDuration

Set the animation duration in milliseconds

  • Return type: number

Thank

@techhamara

Feel free to contact us any quarry or suggestions.

3 Likes