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 : 3.0.0
  •  API 21, Android 5.0 Lollipop
  •  30 Blocks Available

Check Box

Provides a user interface element that represents a binary choice, typically displayed as a square box that can be checked or unchecked to indicate an "on" or "off" state. CheckBoxes are often used to allow users to select multiple options from a list.

Overview

a visible user interface component that allows users to toggle between checked (true) and unchecked (false) states by tapping it.

Events

Image Description
Events

Changed

  • User tapped and released the CheckBox.

    • Image Description
    Events

    Got Focus

  • CheckBox became the focused component.

    • Image Description
    Events

    Lost Focus

  • CheckBox stopped being the focused component.

    • 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 5
    2 right Integer 5
    3 top Integer 5
    4 bottom Integer 5
    Image Description
    Methods

    Set Padding

  • The padding around the check box. Padding is the space inside the border.

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

    Properties

    Image Description
    Image Description
    Methods

    Background Color

  • Specifies or returns the background color of the CheckBox as an alpha-red-green-blue integer.


  • Sets background color.

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

    Checked

  • Specifies or returns whether the CheckBox is checked.


  • Sets unchecked color.

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

    Enabled

  • Specifies whether the CheckBox should be active and clickable.


  • Sets enabled/disabled.

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

    Font Size

  • Specifies the text font size of the CheckBox in scale-independent pixels.


  • Sets font size.

    • # Name Type(s) Default Value
    1 get FontSize integer Default system font size
    2 set FontSize integer 14
    Image Description
    Image Description
    Methods

    Height

  • Returns the height.


  • Sets the height.

    • # Name Type(s) Default Value
    1 get Height integer 0
    1 set Height integer 0
    Image Description
    Image Description
    Methods

    Width

  • Returns the width .


  • Sets the width

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

    Height & Width Percent

  • Sets the height percent


  • Sets the width percent

    • # Name Type(s) Default Value
    1 set HeightPercent integer 0
    1 set WidthPercent integer 0
    Image Description
    Image Description
    Methods

    Text

  • Specifies or returns the text displayed by the CheckBox.


  • Sets the text displayed next to the CheckBox.

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

    UnChecked Color

  • Sets or returns the color of the CheckBox when unchecked.


  • Sets checked color.


    • # Name Type(s) Default Value
    1 get Unchecked Color color Gray
    2 set Unchecked Color color #00000
    Image Description
    Image Description
    Methods

    Text Color

  • Specifies or returns the text color of the CheckBox as an alpha-red-green-blue integer.


  • Sets text color.

    • # Name Type(s) Default Value
    1 get TextColor color Black (or white in dark mode)
    2 set TextColor color #00000
    Image Description
    Image Description
    Methods

    Visible

  • Returns visibility status .


  • Sets the visibility.

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