🧩 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.
Specifications
Size: 33.50 KB
Version: 1.0
Minimum API Level: 7
Updated On: 2025-02-06T18:30:00Z
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.

Error
Error occurred
| Parameter | Type |
|---|---|
| message | text |

PatternEntered
Pattern was entered by the user
| Parameter | Type |
|---|---|
| pattern | text |

PatternAbandoned
Pattern input was abandoned

AnimateInStarted
Animation to show pattern view has started

AnimateInCompleted
Animation to show pattern view has completed

AnimateOutStarted
Animation to hide pattern view has started

AnimateOutCompleted
Animation to hide pattern view has completed
Methods:
PatternConnect has total 6 methods.

Initialize
Initialize the ConnectPatternView within a given HorizontalArrangement or VerticalArrangement.
| Parameter | Type |
|---|---|
| arrangement | component |
![]()
Cleanup
Clean up the pattern view resources
![]()
AnimateIn
Animate the pattern view in
![]()
AnimateOut
Animate the pattern view out
![]()
GetCurrentPattern
Get current pattern as string
![]()
ResetToDefaults
Reset to default settings
Setters:
PatternConnect has total 7 setter properties.
![]()
BackgroundColor
Set background color of the pattern view
- Input type:
number
![]()
CircleColor
Set the color of the circles
- Input type:
number
![]()
NumberOfConnectors
Set the number of connectors (2, 3, 5, or 9)
- Input type:
number
![]()
AnimationType
Set animation type (0 = None, 1 = Middle, 2 = Bottom)
- Input type:
number
![]()
CircleRadius
Set circle radius in dp
- Input type:
number
![]()
LineColor
Set the color of pattern lines
- Input type:
number
![]()
LineWidth
Set the width of pattern lines
- Input type:
number
Getters:
PatternConnect has total 4 getter properties.
![]()
NumberOfConnectors
Set the number of connectors (2, 3, 5, or 9)
- Return type:
number
![]()
AnimationType
Set animation type (0 = None, 1 = Middle, 2 = Bottom)
- Return type:
number
![]()
GetLineColor
Get the current color of pattern lines
- Return type:
number
![]()
GetLineWidth
Get the current width of pattern lines
- Return type:
number
Demo Blocks
Demo
demo video
Thanks and Regards
TechHamara


