Material Components

Material Components are modular, meaning developers can pick and choose specific UI elements (such as buttons, cards, text fields) based on their application's requirements. This modularity enhances flexibility and allows for easy integration into existing projects.

About the component


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

Intro View

The Intro View component provides a customizable introduction or onboarding screen sequence for your application.

Overview

A visible component used to create an interactive introduction or tutorial sequence for your app, guiding users through key features.

Events

Image Description
Events

OnClicked

  • Event triggered when an Intro View is clicked.

    • Methods

    Image Description
    Methods

    Create

  • Creates an Intro View item.

    • # Name Type(s) Default Value
    1 id String
    2 text String
    3 view Component
    4 gravity number center
    5 focusType number normal
    6 shapeType number circle

    Properties

    Image Description
    Image Description
    Properties

    BorderColor

  • Sets the border color of the Intro View.


  • Sets the dot animation style.

    • # Name Type(s) Default Value
    1 BorderColor number *
    2 DotAnimation number *
    Image Description
    Image Description
    Image Description
    Properties

    FocusAll

  • Set Focus All in the animated navigation.


  • Set Focus Minimun in the animated navigation.


  • Set Focus Normal in the animated navigation.

    • # Name Type(s) Default Value
    1 FocusAll text #2574f4
    2 FocusMinimum text #2574f4
    3 FocusNormal text #2574f4
    Image Description
    Image Description
    Image Description
    Properties

    Gravity (Center, Left, Right)

  • Specifies the Gravity of the view within the available space.


    • # Name Type(s) Default Value
    1 GravityCenter Integer 0
    2 GravityLeft Integer 1
    3 GravityRight Integer 2
    Image Description
    Image Description
    Properties

    Padding and Delay

  • Sets the delay before the next Intro View appears and the internal padding for the Intro View.


    • # Name Type(s) Default Value
    1 Delay Integer 10
    2 Padding Integer 10
    Image Description
    Image Description
    Methods

    Shape (Circle, Rectangle)

  • Sets the shape of the IntroView, can be Circle or Rectangle.

    • # Name Type(s) Default Value
    1 ShapeCircle Number 0
    2 ShapeRectangle Number 1
    Image Description
    Image Description
    Properties

    Text Color and Size

  • Sets the text color and size.

    • # Name Type(s) Default Value
    1 TextColor color #FFFFFF
    2 TextSize number 16