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

Horizontal Scroll Arangment

A visible component that is work as a container, aligning the components from left to right when placed into it. The difference between Horizontal Arrangement and Horizontal Scroll Arrangement is that, when component is placed in scroll arrangement, it can be scrolled.

Overview

A visible component that, align the view from left to right as a scroll arrangement.

Events

Image Description
Events

Click

  • Default event listener when clicked on this arrangement.

    • Image Description
    Events

    Long Click

  • Default event listener when long clicked on this arrangement.

    • Image Description
    Events

    Touch Down

  • Default event listener when the arrangement is touch down.

    • Image Description
    Events

    Touch Up

  • Default event listener when user touch up on this arrangement.

    • Image Description
    Events

    On Over Scrolling Change

  • Event triggers when an end tab was selected.

    • # Name Type(s) Default Value
    1 value Integer -
    Image Description
    Events

    On scrolling Change

  • Event triggers the scrolling position of arrangement is changed.

    • # Name Type(s) Default Value
    1 scrollX Integer -
    2 scrollY Integer -
    3 oldScrollX Integer -
    4 oldScrollY Integer -

    Methods

    Image Description
    Methods

    Border

  • call this function to set border around the arrangement with color and stroke width.

    • # Name Type(s) Default Value
    1 BGColor color -
    2 Stroke Integer -
    Image Description
    Methods

    Smooth scroll By

  • Call this function to scroll the arrangement at a specified position smoothly.

    • # Name Type(s) Default Value
    1 dx Integer -
    2 dy 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
    Image Description
    Methods

    Set Thumb

  • call this function to set the Thumb.

    • # Name Type(s) Default Value
    1 startColor color -
    2 endColor color -
    3 radius Integer -
    Image Description
    Methods

    Set Track

  • call this function to set the track.

    • # Name Type(s) Default Value
    1 startColor color -
    2 endColor color -
    3 radius Integer -
    Image Description
    Methods

    Smooth Scroll By

  • call this function to scroll at a position smoothly.

    • # Name Type(s) Default Value
    1 dX Integer -
    2 dY Integer -
    Image Description
    Methods

    Smooth scroll to

  • call this function to scroll at a custom position by x and y coordinates.

    • # Name Type(s) Default Value
    1 x Integer -
    2 y Integer -

    Properties

    Image Description
    Image Description
    Methods

    Align Horizontal

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


  • set the Horizontal gravity of the arrangement.

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

    Align Vertical

  • Getter and Setter method for the Align Vertical of the arrangement.

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

    Background Color

  • Getter and Setter method for the Background Color of the Horizontal Scroll Arrangement.

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

    Card Radius

  • Getter and setter method for the radius of the arrangement when it is set isCard to true.

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

    Clickable, Full Clickable

  • getter method for the Clickable. Returns true if it is clickable else false.


  • Setter method for the clickable of the arrangement set to ei\ther true or false.


  • Setter method for the full Clickable of the Horizontal Arrangement. Which can be set to either true or false.

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

    Elevation

  • Getter and Setter method for the elevation of the arrangement when it is set to isCard.

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

    is Card

  • Getter and Setter method for the is card of the Horizontal scroll Arrangement.

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

    isFillViewPort

  • Getter and setter method for the is fill view port.

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

    Visible

  • Getter and setter method for the visibility of the arrangement.

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