Circular menu Extension an interactive circular menu with customizable properties

🧩 CircularMenuX

An extension for MIT App Inventor 2. And Distros
Developed by th aka TechHamara using Fast. It allows you to create an interactive circular menu with customizable properties such as colors, sizes, and behaviors

:memo: Specifications


:floppy_disk: Size: 10.83 KB
:gear: Version: 1.0
:iphone: Minimum API Level: 7
:date: Updated On: 2025-01-30T19:00:00Z
:computer: Built & documented using: FAST-CLI
:arrow_down: Download: aix
io.th.circularmenux.circularmenux.aix (10.8 KB)
:jigsaw:Demo aia here
CircularMenuXniotron.aia (14.5 KB)

:jigsaw: Demo apk get in GitHub

Events:

CircularMenuX has total 2 events.

:yellow_heart: ItemClicked

Triggered when an item in the Circular Menu is clicked.

Parameter Type
index number

:yellow_heart: CenterClicked

Triggered when the center item of the Circular Menu is clicked.

Methods:

CircularMenuX has total 13 methods.

:purple_heart: Initialize

Initialize the Circular Menu inside a Vertical or Horizontal Arrangement.

Parameter Type
arrangement component

:purple_heart: ItemBorderWidth

Get the border width of items

:purple_heart: ItemBorderColor

Get the border color of items

:purple_heart: ItemGap

Get the current gap between items in degrees

:purple_heart: PressedColor

Get the color of a pressed item

:purple_heart: StartAngle

Get the starting angle of the circular menu

:purple_heart: ItemColor

Get the color of a menu item

:purple_heart: BackgroundColor

Get the background color of the circular menu

:purple_heart: InnerRadiusWidth

Get the Inner Radius width of the radius

:purple_heart: OuterRadiusWidth

Get the Outer Radius width of the circular menu

:purple_heart: InnerRadius

Get the inner radius of the circular menu

:purple_heart: Radius

Get the radius of the circular menu

:purple_heart: ItemCount

Get the count of items in the circular menu

Setters:

CircularMenuX has total 14 setter properties.

:green_heart: BackgroundColor

Set the background color of the Circular Menu.

  • Input type: number

:green_heart: PressedColor

Set the Pressed color of the Circular Menu.

  • Input type: number

:green_heart: OuterRadiusWidth

Set the Outer Radius width of the Circular Menu.

  • Input type: number

:green_heart: InnerRadiusWidth

Set the Inner Radius Width of the Circular Menu.

  • Input type: number

:green_heart: Radius

Set the radius of the Circular Menu.

  • Input type: number

:green_heart: InnerRadius

Set the inner radius of the Circular Menu.

  • Input type: number

:green_heart: StartAngle

Set the start angle of the Circular Menu.

  • Input type: number

:green_heart: ItemColor

Set the item color of the Circular Menu.

  • Input type: number

:green_heart: ItemCount

Set the number of items in the Circular Menu.

  • Input type: number

:green_heart: PointerSize

Set the size of the pointers in the center

  • Input type: number

:green_heart: PointerColor

Set the color of the pointers

  • Input type: number

:green_heart: ItemBorderWidth

Set the border width for each item in the Circular Menu.

  • Input type: number

:green_heart: ItemBorderColor

Set the border color for items in the Circular Menu.

  • Input type: number

:green_heart: ItemGap

Set the gap between items in degrees

  • Input type: number

###:jigsaw: Blocks

Results



Thanks and Regards
TechHamara

More info check out GitHub page

Any Suggestions or welcome

Why not included a screenshot of the results?

Screen shot added and check out APK and more info in GitHub page.

1 Like