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
  •  15 Blocks Available

Vertical Scroll Arrangement

This component arranges its child components vertically within a scrollable view. It provides properties and methods to customize the scrollbar appearance and behavior.

Overview

A visible component that's created horizontally and vertically navigation bar with animation.

Events

Image Description
Events

Click

  • No events

    • Image Description
    Events

    LongClick

  • No events

    • Image Description
    Events

    TouchDown

  • No events

    • Image Description
    Events

    TouchUp

  • No events

    • Image Description
    Events

    onOverScrollingChange(float value)

  • Triggered when over-scrolling occurs. Provides the over-scroll amount.

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

    onScrollingChange(int scrollX, int scrollY, int oldScrollX, int oldScrollY)

  • Triggered when the scroll position changes. Provides the new and old scroll coordinates.

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

    Methods

    Image Description
    Methods

    Border

  • No methods

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

    SetMargin

  • No methods

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

    SetPadding

  • No methods

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

    SetThumbDrawable

  • Sets the scrollbar thumb appearance with a gradient and rounded corners.

    • # Name Type(s) Default Value
    1 startColor Object
    2 endColor Object
    3 radius int
    Image Description
    Methods

    SetTrackDrawable

  • Sets the scrollbar track appearance with a gradient and rounded corners.

    • # Name Type(s) Default Value
    1 startColor Object
    2 endColor Object
    3 radius int
    Image Description
    Methods

    SmoothScrollBy

  • Smoothly scrolls the content by the specified delta X and Y pixels.

    • # Name Type(s) Default Value
    1 dx int
    2 dy int
    Image Description
    Methods

    SmoothScrollTo

  • Smoothly scrolls the content to the specified X and Y coordinates.

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

    Properties

    Image Description
    Image Description
    Properties

    AlignHorizontal

  • No properties


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

    AlignVertical

  • No properties

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

    BackgroundColor

  • No properties

    • # Name Type(s) Default Value
    1 BackgroundColor color
    Image Description
    Image Description
    Properties

    CardRadius

  • No properties

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

    Clickable

  • No properties


    • # Name Type(s) Default Value
    1 Clickable boolean
    Image Description
    Properties

    FullClickable

  • No properties


    • # Name Type(s) Default Value
    1 FullClickable boolean
    Image Description
    Image Description
    Properties

    LongClickable

  • No properties


    • # Name Type(s) Default Value
    1 LongClickable boolean
    Image Description
    Image Description
    Properties

    OverScrollMode

  • OverScroll (boolean): You can also achieve this scrollbar programatically using this method. Editor Type: boolean, Default: false. User Visible: False.
    OverScrollMode (String): Sets Scroll Bar mode to over scroll. Editor Type: Choices, Editor Args: ["SCROLL_ALWAYS", "SCROLL_IF_CONTENT_SCROLLS", "SCROLL_NEVER"], Default: "SCROLL_ALWAYS".

    • # Name Type(s) Default Value
    1 OverScrollMode String
    2 OverScroll boolean false
    Image Description
    Image Description
    Properties

    ScrollBarDefaultDelayBeforeFade

  • ScrollbarFadingEnabled (boolean): Sets scroll bar fadding enabled to layout. Editor Type: boolean, Default: false. User Visible: False.
    ScrollBarDefaultDelayBeforeFade (int): Sets scroll bar default delay fade duration in milliseconds to layout. Editor Type: int, Default: 1000.

    • # Name Type(s) Default Value
    1 ScrollBarDefaultDelayBeforeFade Integer
    2 ScrollbarFadingEnabled boolean false
    Image Description
    Image Description
    Properties

    ScrollBarFadeDuration

  • ScrollBarFadeDuration (int): Sets scroll bar fade duration in milliseconds to layout. Editor Type: int, Default: 1000.

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

    ScrollBarSize

  • ScrollBarSize (int): Sets scroll bar size to layout. Editor Type: int, Default: -1.

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

    ScrollBarStyle

  • ScrollBarStyle (String): Sets Scroll Bar Style to layout. Editor Type: Choices, Editor Args: ["Inside Overlay", "Inside Inset", "Outside Overlay", "Outside Inset"], Default: "Inside Overlay".

    • # Name Type(s) Default Value
    1 ScrollBarStyle String
    Image Description
    Image Description
    Properties

    Elevation

  • No properties

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

    Height

  • No properties

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

    Width

  • No properties

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

    Height/Width Percent

  • No properties

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

    Image

  • No properties

    • # Name Type(s) Default Value
    1 Image String
    Image Description
    Properties

    ThumbSize

  • ThumbSize (int): Sets scroll bar size to layout. Editor Type: int, Default: 5.

    • # Name Type(s) Default Value
    1 ThumbSize int
    Image Description
    Image Description
    Properties

    ShadowColor

  • No properties

    • # Name Type(s) Default Value
    1 ShadowColor color
    Image Description
    Image Description
    Properties

    UseRoundCard

  • No properties

    • # Name Type(s) Default Value
    1 UseRoundCard boolean
    Image Description
    Image Description
    Properties

    UseRoundCard

  • No properties

    • # Name Type(s) Default Value
    1 UseRoundCard boolean
    Image Description
    Image Description
    Properties

    IsCard

  • No properties

    • # Name Type(s) Default Value
    1 IsCard boolean
    Image Description
    Image Description
    Properties

    FillViewport / SmoothScrollingEnabled

  • FillViewport (boolean): True to stretch the content's height to the viewport's boundaries, false otherwise. Editor Type: boolean, Default: false. User Visible: False.
    SmoothScrollingEnabled (boolean): Enable whether arrow scrolling will animate its transition. Editor Type: boolean, Default: false. User Visible: False.

    • # Name Type(s) Default Value
    1 IsFillViewport boolean
    2 IsSmoothScrollingEnabled boolean
    Image Description
    Image Description
    Properties

    Visible

  • No properties

    • # Name Type(s) Default Value
    1 Visible boolean