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

Label

The Label component displays text with various formatting options, including font styles, colors, alignment, and HTML rendering. It also supports features like text shadowing, justification, scrolling, and masking.

Overview

A visible component that is used to Display text on the screen.

Events

Image Description
Events

Click

  • Triggered when the label is clicked.

    • Image Description
    Events

    LongClick

  • Triggered when the label is long-clicked.

    • Methods

    Image Description
    Methods

    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
    3 bottom Integer 0
    Image Description
    Methods

    Padding

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

    • # 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 Shadow

  • Set the text shadow.

    • # Name Type(s) Default Value
    1 X Integer 0
    2 Y Integer 0
    3 radius Integer 0
    4 Color text *

    Properties

    Image Description
    Properties

    CountLines

  • Returns the number of lines.

    • # Name Type(s) Default Value
    1 get CountLines Integer *
    Image Description
    Image Description
    Properties

    Clickable

  • Specifies whether the label should be clickable or not.

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

    Height

    No Description in AI2 doc

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

    width

    No Description in AI2 doc

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

    Height and Width Percent

    No Description in AI2 doc

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

    Font Size

  • Specifies the label's text's font size in sp.

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

    Font Type Face

  • Specifies the label's text's font face.

    • # Name Type(s) Default Value
    1 get FontTypeface text *
    2 set FontTypeface file *
    Image Description
    Image Description
    Image Description
    Properties

    Html Content, Html Format

  • If true, the label will show HTML text; otherwise, plain text.

    • # Name Type(s) Default Value
    1 get HTMLContent text *
    2 get HTMLFormat boolean false
    3 set HTMLFormat boolean *
    Image Description
    Image Description
    Properties

    HasMargins

  • Specifies whether the label should have margins.

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

    Justify Content

  • If true, justifies content by stretching spaces.

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

    Line Spacing, MaxLines

  • Sets the maximum number of lines.

    • # Name Type(s) Default Value
    1 set LineSpacing Integer *
    2 set maxLines Integer *
    Image Description
    Image Description
    Properties

    Marquee

  • Enables or disables the marquee effect.

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

    Opacity, ShowLinks

  • Set opacity value between 1 to 10

  • Highlight links, phone numbers, and email addresses.

    • # Name Type(s) Default Value
    1 set Opacity Integer 1
    2 set showlinks boolean false
    Image Description
    Image Description
    Properties

    Text

  • Specifies the text displayed by the label.

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

    Text Color

  • Specifies the label's text color.

    • # Name Type(s) Default Value
    1 get TextColor text #000000FF
    2 set TextColor text *
    Image Description
    Properties

    Word Spacing

  • sets the space between words.

    • # Name Type(s) Default Value
    1 set WordSpacing Integer 1
    Image Description
    Image Description
    Properties

    Visible

  • No Description in AI2 doc

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