Layout

Layout refers to the visual arrangement and organization of elements on a screen or page within the app. It determines how users will see and interact with the app's content and functionality.

About the component


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

Horizontal Arrangement

This component arranges its child components horizontally. It provides properties for controlling the arrangement's appearance, alignment, and behavior, including background color, image, shadow, clickability, and card view options.

Overview

A visible component that, align the view from left to right.

Events

Image Description
Events

Click

  • This event is triggered when the user taps and releases the Horizontal Arrangement.

    • Image Description
    Events

    Long Click

  • This event is triggered when the user presses and holds down on the Horizontal Arrangement for an extended period.

    • Image Description
    Events

    Touch Down

  • This event is triggered when the user first touches the Horizontal Arrangement.

    • Image Description
    Events

    Touch Up

  • This event is triggered when the user releases their touch from the Horizontal Arrangement.

    • Methods

    Image Description
    Methods

    Border

  • Sets the border of the arrangement.

    • # Name Type(s) Default Value
    1 BGColor color -
    2 Stroke Integer -
    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
    4 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

    Properties

    Image Description
    Image Description
    Methods

    Align Horizontal

  • Returns the value of the Align Horizontal, whether it is left, right or center.


  • Sets the horizontal alignment of the arrangement's contents.

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

    Align Vertical

  • Returns the value of the Align Vertical, whether it is top, bottom or center.


  • Sets the vertical alignment of the arrangement's contents.

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

    Background Color

  • Returns the background color of the %type%.


  • Specifies the background color of the %type%.

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

    Card Radius

  • If enabled, the card layout will have round corners.


  • If enabled, the card layout will have round corners.

    • # Name Type(s) Default Value
    1 get CardRadius Integer 10
    2 set CardRadius Integer 0
    Image Description
    Image Description
    Image Description
    Methods

    Clickable, Full Clickable

  • Specifies whether the layout should be clickable or not.


  • Specifies whether the layout should be clickable or not.


  • Specifies whether the layout should be full clickable or not.

    • # Name Type(s) Default Value
    1 get Clickable boolean false
    2 set Clickable boolean -
    3 set FullClickable boolean false
    Image Description
    Image Description
    Methods

    Elevation

  • Sets elevation to layout.


  • Sets elevation to layout.

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

    Height

  • Returns the height of the Horizontal Arrangement in pixel value.


  • set the height of the Horizontal Arrangement in pixel value.

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

    Width

  • Returns the width of the Horizontal Arrangement in pixel value.


  • set the width of the Horizontal Arrangement in pixel value.

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

    Height, width percent

  • setter method for the height of the horizontal arrangement in percent value.


  • setter method for the width of the horizontal arrangement in percent value

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

    Image

  • Returns the path of the background image of the %type%.


  • Specifies the path of the background image for the %type%.

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

    LongClickable

  • Specifies whether the layout should be long clickable or not.


  • Specifies whether the layout should be long clickable or not.

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

    Shadow Color

  • Get Shadow Color Of Layouts.


  • Set Shadow Color Of Layouts.

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

    Touch Color Enabled

  • Enables/Disables touch color.


  • Enables/Disables touch color.

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

    Use Round Card

  • If enabled, the card layout will have round corners.


  • If enabled, the card layout will have round corners.

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

    is Card

  • If enabled, the arrangement will be converted to a card view.


  • If enabled, the arrangement will be converted to a card view.

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

    Visible

  • Returns true if the horizontal Arrangement is set to visible else it returns false.


  • set the horizontal Arrangement visibility to true or false.

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