User Interface

User Interface (UI) refers to the visual and interactive elements of a digital system or application that enable users to interact with and control it.

About the component


Image Description
  •  Last Update 25 Oct, 2023
  •  Component Version : 1.0.0
  •  API 21, Android 5.0 Lollipop
  •  16 Blocks Available

CircleMenu

The CircleMenu component creates a floating circular menu with a main button and sub-menu items that fan out in a circular pattern. It allows users to add main and sub-menu icons, customize colors, and handle menu selection and status events.

Overview

A visible component thats, created a menu in circular form with animations.

Events

Image Description
Events

OnMenuClosed

  • Triggered when the menu is closed.

    • Image Description
    Events

    OnMenuOpened

  • Triggered when the menu is opened.

    • Image Description
    Events

    OnMenuSelected

  • Triggered when a menu item is selected.

    • # Name Type(s) Default Value
    1 index object *

    Methods

    Image Description
    Methods

    AddSubMenu

  • Adds a sub-menu with color and icon settings.

    • # Name Type(s) Default Value
    1 SubMenuColor color/text *
    2 icon text *
    3 iconColor color/text #2D3EF9
    Image Description
    Methods

    CloseMenu

  • Closes the circular menu.

    • # Name Type(s) Default Value
    1 -- -- --
    Image Description
    Image Description
    Methods

    IsMenuOpened or OpenMenu

  • Checks if the menu is opened (returns boolean) or opens the circular menu.

    • # Name Type(s) Default Value
    1 IsMenuOpened boolean *
    2 Open Menu * *
    Image Description
    Methods

    Create

  • Creates a floating circular menu. Takes gravity and margin parameters.

    • # Name Type(s) Default Value
    1 Create in Arrangment *
    Image Description
    Methods

    SetMainMenu

  • Sets up the main menu with colors and icons.

    • # Name Type(s) Default Value
    1 mainMenuColor text *
    2 icon in text *
    3 closeIcon text *
    4 iconColor text *
    5 CloseIconColor text *
    Image Description
    Methods

    UseHex

  • Converts a hex color string to an integer representation.

    • # Name Type(s) Default Value
    1 UseHex text *

    Properties

    Image Description
    Methods

    SetCircleMenuRadius

  • Sets the radius of the main menu.

    • # Name Type(s) Default Value
    1 setCircleMenuRadius Integer 0
    Image Description
    Methods

    SetIconSize

  • Sets the size of the menu icons.

    • # Name Type(s) Default Value
    1 setIconSize Integer 14
    Image Description
    Methods

    SetItemMenuRadius

  • Sets the radius for the item menu.

    • # Name Type(s) Default Value
    1 setItemMenuRadius Integer 0
    Image Description
    Methods

    SetPressedColor

  • Sets the pressed color for the main menu.

    • # Name Type(s) Default Value
    1 setPressedColor text #888888FF
    Image Description
    Methods

    SetShadowRadius

  • Sets the shadow radius of the menu.

    • # Name Type(s) Default Value
    1 setShadowRadius Integer 0