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

Radio Button

This component represents a radio button, allowing users to select a single option from a group.

Overview

Radio buttons are typically used in groups to allow users to select a single option.

Events

Image Description
Events

Changed

  • User tapped and released the RadioButton.

    • Image Description
    Events

    Click

  • Raised when the radio button is clicked.

    • Image Description
    Events

    GotFocus

  • RadioButton became the focused component.

    • Image Description
    Events

    LongClick

  • Raised when the radio button is long-clicked.

    • Image Description
    Events

    LostFocus

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

    Set Padding

  • Padding is a way to give space to the text box from inside

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

    Toggle

  • Toggles the checked state of the radio button.

    • Properties

    Image Description
    Image Description
    Properties

    Background Color

  • Sets the background color of the radio button.


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

    Checked

  • Indicates whether the radio button is checked.

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

    Checked Color

  • Sets the color of the radio button when checked.

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

    Clickable

  • Determines if the radio button is clickable.

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

    Enabled

  • Determines if the radio button is enabled.

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

    Font Size

  • Sets the font size of the radio button's text.

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

    Gravity

  • Sets the gravity of the radio button's text.

    • # Name Type(s) Default Value
    1 get Gravity Integer 0
    2 set Gravity Integer -
    Image Description
    Image Description
    Properties

    Height

  • Getter and Setter method for the Height of the Radio Button in pixel Value.

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

    Width

  • Getter and Setter method for the Width of the Radio Button in pixel Value.

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

    Height, Width Percent

  • Getter and Setter method for the Height and Width of the Radio Button in percent Value.

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

    Visible

  • Getter and Setter method for the Visibility of the Radio Button.

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

    Gravity

  • Sets the gravity of the radio button's text.

    • # Name Type(s) Default Value
    1 get Gravity Integer 0
    2 set Gravity Integer -