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
  •  32 Blocks Available

Switch

This component represents a toggle switch that can be turned on or off. It provides properties to customize the thumb and track colors for both active and inactive states, and an event to handle state changes.

Overview

A visible component that creates a switch-like interface and also acts as a switch. It is used to toggle between two states.

Events

Image Description
Events

Changed

  • Triggered when the user changes the state of the switch.

    • Image Description
    Events

    Got Focus

  • Event triggers when switch gains focus.

    • Image Description
    Events

    Lost Focus

  • Event triggers when switch loses focus.

    • Methods

    Image Description
    Methods

    Set Margin

  • The space outside a component, between the component’s boundary and other components. It determines the distance between different UI elements.

    • # Name Type(s) Default Value
    1 left Integer 0
    2 right Integer 0
    3 top Integer 0
    4 bottom Integer 0
    Image Description
    Methods

    Set Padding

  • Specifies the padding for the switch. Padding is space *inside* the component's borders.

    • # Name Type(s) Default Value
    1 left Integer 0
    2 right Integer 0
    3 top Integer 0
    4 bottom Integer 0

    Properties

    Image Description
    Image Description
    Methods

    Background Color

  • Gets or sets the background color of the switch.

    • # Name Type(s) Default Value
    1 get BackgroundColor color #FFFFFF00
    2 set BackgroundColor color -
    Image Description
    Image Description
    Methods

    Enabled

  • Gets or sets whether the switch is enabled and can be interacted with.

    • # Name Type(s) Default Value
    1 get Enabled boolean true
    2 set Enabled boolean -
    Image Description
    Image Description
    Methods

    Font Size

  • Gets or sets the font size of the switch's text (if text is displayed).

    • # Name Type(s) Default Value
    1 get FontSize Integer 14.0
    2 set FontSize Integer -
    Image Description
    Image Description
    Methods

    Height

  • Gets or sets the height of the switch, measured in pixels.

    • # Name Type(s) Default Value
    1 get Height Integer -1
    2 set Height Integer -
    Image Description
    Image Description
    Methods

    Width

  • Gets or sets the width of the switch, measured in pixels.

    • # Name Type(s) Default Value
    1 get Width Integer -1
    2 set Width Integer -
    Image Description
    Image Description
    Methods

    Height, Width Percent

  • Sets the height and width of the switch as a percentage of the screen dimensions.

    • # Name Type(s) Default Value
    1 set heightPercent Integer -
    2 set WidthPercent Integer -
    Image Description
    Image Description
    Methods

    On

  • Gets or sets whether the switch is in the "on" state (true) or "off" state (false).

    • # Name Type(s) Default Value
    1 get On boolean -
    2 set On boolean -
    Image Description
    Image Description
    Methods

    Text

  • Gets or sets the text displayed on the switch.

    • # Name Type(s) Default Value
    1 get Text text -
    2 set Text text -
    Image Description
    Image Description
    Methods

    Text Color

  • Gets or sets the color of the text displayed on the switch.

    • # Name Type(s) Default Value
    1 get TextColor color #000000FF
    2 set TextColor color -
    Image Description
    Image Description
    Methods

    Thumb Color Active

  • Gets or sets the color of the thumb (the sliding part) when the switch is in the "on" state.

    • # Name Type(s) Default Value
    1 get ThumbColorActive color #FFFFFFFF
    2 set ThumbColorActive color -
    Image Description
    Image Description
    Methods

    Thumb Color Inactive

  • Gets or sets the color of the thumb when the switch is in the "off" state.

    • # Name Type(s) Default Value
    1 get ThumbColorInactive color #CCCCCCFF
    2 set ThumbColorInactive color -
    Image Description
    Image Description
    Methods

    Track Color Active

  • Gets or sets the color of the track (the background) when the switch is in the "on" state.

    • # Name Type(s) Default Value
    1 get TrackColorActive color #00FF00FF
    2 set TrackColorActive Integer 0
    Image Description
    Image Description
    Methods

    Track Color Inactive

  • Gets or sets the color of the track when the switch is in the "off" state.

    • # Name Type(s) Default Value
    1 get TrackColorInactive color #444444FF
    2 set TrackColorInactive color -
    Image Description
    Image Description
    Methods

    Visible

  • Gets or sets whether the switch is visible on the screen.

    • # Name Type(s) Default Value
    1 get Visible boolean true
    2 set Visible boolean -