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

Circular Progress

A "Circular Progress" component in Blockly typically refers to a graphical user interface (GUI) element that presents a infinitaly animation of circular or radial pattern. Users can set it as a loading dialog, when something loads in background.

Overview

A visible component that indicates the progress of an operation using an animated loop.

Methods

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

    Properties

    Image Description
    Image Description
    Properties

    Color

  • Returns the current color of the progress bar.


  • Sets the color of the progress bar.

    • # Name Type(s) Default Value
    1 get Color return #0000FF
    2 set Color text #0000FF
    Image Description
    Image Description
    Properties

    Height

  • Gets the height of the circular progress bar in pixels.


  • Sets the height of the circular progress bar in pixels.

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

    Width

  • Gets the width of the circular progress bar in pixels.


  • Sets the width of the circular progress bar in pixels.

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

    Height & Width Percent

  • Sets the height of the circular progress bar as a percentage of its container.


  • Sets the width of the circular progress bar as a percentage of its container.

    • # Name Type(s) Default Value
    1 set height percent return *
    2 set width percent Integer *
    Image Description
    Image Description
    Properties

    Visible

  • Returns true if the progress bar is visible.


  • Sets whether the circular progress bar is visible or hidden.

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