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 View Pager Component

This component provides a vertical view pager that allows users to swipe between different views vertically. It supports adding, removing, and navigating between views, and offers customizable page transitions.

Overview

A visible component thats, created horizonntally and vertically navigation bar with animation.

Events

Image Description
Events

PageChanged(int index)

  • Event invoked when the current page is changed. Provides the index of the new page.

    • # Name Type(s) Default Value
    1 index int

    Methods

    Image Description
    Methods

    AddComponent

  • Adds the given component to the view pager.

    • # Name Type(s) Default Value
    1 Component AndroidView
    Image Description
    Methods

    AddComponentToIndex

  • Adds the component to the view pager at the given index.

    • # Name Type(s) Default Value
    1 index int
    2 component AndroidView
    Image Description
    Image Description
    Methods

    GetViewsCount

  • Returns the number of views added to the view pager.


  • GetCurrentViewIndex

    Returns the current view index.

    • # Name Type(s) Default Value
    Image Description
    Methods

    RemoveComponentByIndex

  • Removes the view from the view pager present at the given index.

    • # Name Type(s) Default Value
    1 index int
    Image Description
    Methods

    RemoveComponentByView

  • Removes the given component from the view pager.

    • # Name Type(s) Default Value
    1 component AndroidView
    Image Description
    Methods

    ScrollTo

  • Scrolls to the given index view and sets it as the current item.

    • # Name Type(s) Default Value
    1 index int
    2 smoothScroll boolean
    Image Description
    Methods

    SetMargin

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

    SetPadding

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

    • # Name Type(s) Default Value
    1 left int
    2 top int
    3 right int
    4 bottom int

    Properties

    Image Description
    Properties

    UseDepthPageTransformer

  • Enables or disables the depth page transformer for page transitions.

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

    Height

  • Gets the view's height.

  • SetHeight

    Sets the view's height.

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

    Width

  • Gets the view's width.

  • SetWidth

    Sets the view's width.

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

    SetHeightPercent

  • Sets the view's height as a percentage of its parent's height.

  • SetWidthPercent

    Sets the view's width as a percentage of its parent's width.

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

    Visible

  • Gets the view's visibility.

  • SetVisible

    Sets the view's visibility.

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