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

LayoutDialog

The LayoutDialog component allows you to display any layout component in a dialog. It offers customization options for dimming, background color, gravity, rounded corners, and cancelability.

Overview

The LayoutDialog component allows you to display any layout component in a dialog. It offers customization options for dimming, background color, gravity, rounded corners, and cancelability.

Events

Image Description
Events

Dismissed()

  • Fired when the dialog is dismissed.

    • Image Description
    Events

    Shown()

  • Fired when the dialog is shown.

    • Methods

    Image Description
    Methods

    Register

  • Registers the given component as the dialog's content.

    • # Name Type(s) Default Value
    1 Component Arrangement *
    2 Height Integer *
    3 Width Integer *
    4 Gravity Integer *
    5 leftTopRadius Integer *
    6 RightTopRadius Integer *
    7 leftBottomRadius Integer *
    8 rightBottomRadius Integer *
    9 isCancelable boolean *
    Image Description
    Image Description
    Methods

    IsShowing, Show

  • An function to check if the layout dialog is showing or not.


  • An function to show the layout dialog.

    • # Name Type(s) Default Value
    1 inShowing boolean *
    2 Show boolean *
    Image Description
    Image Description
    Methods

    Dismiss, UnRegister

  • An function to dismiss the layout dialog.


  • An function to unregister the layout dialog.

    • # Name Type(s) Default Value
    1 Dismiss - *
    2 UnRegister - *
    Image Description
    Methods

    Background Color

  • To set the background color of the dialog.

    • # Name Type(s) Default Value
    1 set BackgroundColor text #000000FF
    Image Description
    Image Description
    Image Description
    Methods

    BottomCenter, BottomLeft, BottomRight

  • It is the gravity, for setting the layout in the Bottom Center.


  • It is the gravity, for setting the layout in the Bottom Left.


  • It is the gravity, for setting the layout in the Bottom Right.

    • # Name Type(s) Default Value
    1 get BottomCenter - *
    2 get BottomLeft - *
    3 get BottomRight - *
    Image Description
    Image Description
    Image Description
    Methods

    Center, CenterLeft, CenterRight

  • It is the gravity, for setting the layout in the Center.


  • It is the gravity, for setting the layout in the Center Left.


  • It is the gravity, for setting the layout in the Center Right.

    • # Name Type(s) Default Value
    1 get Center - -
    2 get CenterLeft - -
    3 get CenterRight - -
    Image Description
    Image Description
    Image Description
    Methods

    TopCenter, TopLeft, TopRight

  • It is the gravity, for setting the layout in the Top Center.


  • It is the gravity, for setting the layout in the Top Left.


  • It is the gravity, for setting the layout in the Top Right.

    • # Name Type(s) Default Value
    1 get TopCenter - -
    2 get TopLeft - -
    3 get TopRight - -
    Image Description
    Image Description
    Methods

    DimAmount

  • To set the dim amount of the background.


  • Set the Dim Amount of layout Dialog.

    • # Name Type(s) Default Value
    1 get DimAmount Integer 0.5
    2 set DimAmount Integer *