User Interface

User Interface (UI) refers to the visual and interactive elements of a digital system or application that enable users to interact with and control it.

About the component


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

StylishProgress Component

This component displays a stylish progress indicator with various animation styles and customizable colors.

Overview

The StylishProgress component enables you to show progress with customizable style and colors.

Methods

Image Description
Methods

GetAllStyles

  • This method is deprecated and always returns null.

    • Image Description
    Methods

    Set 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

    Set 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
    Image Description
    Methods

    Start, Stop

  • Starts the progress indicator animation.


  • Stops the progress indicator animation.

    • # Name Type(s) Default Value
    1 Start - -
    2 start - -
    Image Description
    Image Description
    Methods

    Background Color

  • Sets the background color of the progress indicator. Designer Property: Color, Default: Cyan.

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

    Height

  • Returns the value of height in pixel value.


  • set the height of the stylish progress in pixel value.

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

    Width

  • Returns the value of width in pixel value.


  • set the Width of the stylish progress in pixel value.

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

    Height, Width Percent

  • set the height of the stylish progress in percent value.


  • set the width of the stylish progress in percent value.

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

    Progress Color

  • Sets the color of the progress indicator. Designer Property: Color, Default: White.


  • set the Progress Color of the stylish progress bar.

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

    Style

  • Sets the animation style of the progress indicator. Designer Property: Choices, Default: "BallPulseIndicator". Options: "BallPulseIndicator", "BallGridPulseIndicator", "BallClipRotateIndicator", "BallClipRotatePulseIndicator", "SquareSpinIndicator", "BallClipRotateMultipleIndicator", "BallPulseRiseIndicator", "BallRotateIndicator", "CubeTransitionIndicator", "BallZigZagIndicator", "BallZigZagDeflectIndicator", "BallTrianglePathIndicator", "BallScaleIndicator", "LineScaleIndicator", "LineScalePartyIndicator", "BallScaleMultipleIndicator", "BallPulseSyncIndicator", "BallBeatIndicator", "LineScalePulseOutIndicator", "LineScalePulseOutRapidIndicator", "BallScaleRippleIndicator", "BallScaleRippleMultipleIndicator", "BallSpinFadeLoaderIndicator", "LineSpinFadeLoaderIndicator", "TriangleSkewSpinIndicator", "PacmanIndicator", "BallGridBeatIndicator", "SemiCircleSpinIndicator".


  • set the style of the stylish progress bar.

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

    Visible

  • Returns true if the Stylish Progress Bar is visible, else return false.


  • set the visibility of the Stylish Progress Bar.

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