Pattern Connect An extension like app lock

🧩 PatternConnect

An extension for MIT App Inventor 2.
Developed by th using Fast. Pattern Connect is essentially a pattern lock-like view where users can draw patterns to unlock or interact with.

:memo: Specifications


:floppy_disk: Size: 33.50 KB
:gear: Version: 1.0
:iphone: Minimum API Level: 7
:date: Updated On: 2025-02-06T18:30:00Z
:computer: Built & documented using: FAST-CLI
Find more Extension here
Apps On PlayStore: here
Demo apk and More info on GitHub: here
Demo aia: here
pattern.aia (37.0 KB)
** Aix**
io.th.patternconnect.patternconnect.aix (33.5 KB)



Events:

PatternConnect has total 7 events.



ErrorBlock

:yellow_heart: Error

Error occurred

Parameter Type
message text

PatternEnteredBlock

:yellow_heart: PatternEntered

Pattern was entered by the user

Parameter Type
pattern text

PatternAbandonedBlock

:yellow_heart: PatternAbandoned

Pattern input was abandoned

AnimateInStartedBlock

:yellow_heart: AnimateInStarted

Animation to show pattern view has started

AnimateInCompletedBlock

:yellow_heart: AnimateInCompleted

Animation to show pattern view has completed

AnimateOutStartedBlock

:yellow_heart: AnimateOutStarted

Animation to hide pattern view has started

AnimateOutCompletedBlock

:yellow_heart: AnimateOutCompleted

Animation to hide pattern view has completed


Methods:

PatternConnect has total 6 methods.


InitializeBlock

:purple_heart: Initialize

Initialize the ConnectPatternView within a given HorizontalArrangement or VerticalArrangement.

Parameter Type
arrangement component

CleanupBlock

:purple_heart: Cleanup

Clean up the pattern view resources

AnimateInBlock

:purple_heart: AnimateIn

Animate the pattern view in

AnimateOutBlock

:purple_heart: AnimateOut

Animate the pattern view out

GetCurrentPatternBlock

:purple_heart: GetCurrentPattern

Get current pattern as string

ResetToDefaultsBlock

:purple_heart: ResetToDefaults

Reset to default settings


Setters:

PatternConnect has total 7 setter properties.


BackgroundColorBlock

:green_heart: BackgroundColor

Set background color of the pattern view

  • Input type: number

CircleColorBlock

:green_heart: CircleColor

Set the color of the circles

  • Input type: number

NumberOfConnectorsBlock

:green_heart: NumberOfConnectors

Set the number of connectors (2, 3, 5, or 9)

  • Input type: number

AnimationTypeBlock

:green_heart: AnimationType

Set animation type (0 = None, 1 = Middle, 2 = Bottom)

  • Input type: number

CircleRadiusBlock

:green_heart: CircleRadius

Set circle radius in dp

  • Input type: number

LineColorBlock

:green_heart: LineColor

Set the color of pattern lines

  • Input type: number

LineWidthBlock

:green_heart: LineWidth

Set the width of pattern lines

  • Input type: number

Getters:

PatternConnect has total 4 getter properties.

NumberOfConnectorsBlock

:green_circle: NumberOfConnectors

Set the number of connectors (2, 3, 5, or 9)

  • Return type: number

getAnimationTypeBlock

:green_circle: AnimationType

Set animation type (0 = None, 1 = Middle, 2 = Bottom)

  • Return type: number

GetLineColorBlock

:green_circle: GetLineColor

Get the current color of pattern lines

  • Return type: number

GetLineWidthBlock

:green_circle: GetLineWidth

Get the current width of pattern lines

  • Return type: number

Demo Blocks

pattern demo blocks

Demo







Thanks and Regards

TechHamara

@TechHamara

1 Like

Video not working here. (Make mp4 or webm and upload it here.)

A simple description of what this extension actually does would be useful.

2 Likes

Where can we find the download link of the extension?
Taifun

Updated aix link and added sort description check out.