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 : 5.0.0
  •  API 21, Android 5.0 Lollipop
  •  52 Blocks Available

ListView Component

The ListPicker component provides a user interface for selecting an item from a list of strings. It supports customization of item text and background colors, filtering, and optional titles.

Overview

The ListPicker component provides a user interface for selecting an item from a list of strings. It supports customization of item text and background colors, filtering, and optional titles.

Events

Image Description
Events

AfterPicking

  • Raised after an item is selected.

    • Methods

    Image Description
    Methods

    CreateElement

  • Creates a list view element dictionary.

    • # Name Type(s) Default Value
    1 MainText text -
    2 DetailText text -
    3 ImageName text -
    Image Description
    Image Description
    Methods

    GetDetailText, GetImageName

  • Gets the detail text from a list element.


  • Gets the image name from a list element.

    • # Name Type(s) Default Value
    1 listElement Integer -
    Image Description
    Methods

    GetMainText

  • Gets the main text from a list element.

    • # Name Type(s) Default Value
    1 listElement text -
    Image Description
    Methods

    Refresh

  • Reloads the list view.

    • # Name Type(s) Default Value
    1 Refresh * -
    Image Description
    Methods

    Set Margin

  • Margin is a way for a component to enforce some distance from others components (Not Available).

    • # 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 animated navigation. Padding is the space inside the border (Not Available).

    • # 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
    Methods

    Background Color

  • Sets the background color of list view.


  • Returns the background color of the list view (ARGB format).

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

    Elements, Elements from String

  • Returns the elements list, applied on the list view.


  • Sets the list of choices to display. Supports lists of strings or lists of dictionaries (with text, description, image).


  • Sets the list of choices from a comma-separated string.

    • # Name Type(s) Default Value
    1 get Elements text -
    2 set Elements text -
    3 set ElementsFromString text -
    Image Description
    Image Description
    Methods

    Font size Detail

  • Returns the detail text size of the list view items (float).


  • Sets the detail text size of the list view items (float).

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

    Image Height

  • Returns the height of images in list items.


  • Sets the height of images in list items.

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

    Image Width

  • Returns the width of images in list items.


  • Sets the width of images in list items.

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

    Image Margin Bottom

  • Returns the bottom margin of images in list items.


  • Sets the bottom margin of images in list items.

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

    ImageMarginLeft

  • Returns the left margin of images in list items.


  • Sets the left margin of images in list items.

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

    Set ImageMarginRight

  • Returns the right margin of images in list items.


  • Sets the right margin of images in list items.

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

    Image Margin Top

  • Returns the top margin of images in list items.


  • Sets the top margin of images in list items.

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

    Height

  • Returns the height of the list view. Values: LENGTH_PREFERRED (fill parent), or a specific pixel value.


  • Determines the height of the list view.

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

    Width

  • Returns the width of the list view.Values: LENGTH_PREFERRED (fill parent), or a specific pixel value.


  • Determines the width of the list view.

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

    Height Percent

  • Sets the height and width of List View in Percent value.(Not Available)

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

    Orientation

  • Returns the orientation of the list view (vertical or horizontal).


  • Sets the orientation of the list view (vertical or horizontal).

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

    Selection

  • Returns the text of the currently selected item.


  • Sets the selected item's text.

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

    Selection Index

  • Returns the index of the currently selected item (1-based). 0 if no item is selected.


  • Sets the selected item's index.

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

    Selection Color

  • Returns the color of the selected item (ARGB format).


  • Sets the color of the selected item (ARGB format).

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

    Selection Detail Text

  • Returns the secondary text of the selected row.


    • # Name Type(s) Default Value
    1 get SelectionDetailText text -
    Image Description
    Image Description
    Methods

    Show FilterBar

  • Returns ShowFilterBar (boolean): Sets the visibility of the filter bar.


  • Sets the visibility of the filter bar. Values: true (visible), false (hidden).

    • # Name Type(s) Default Value
    1 get ShowFilterBar boolean false
    2 set ShowFilterBar boolean -
    Image Description
    Image Description
    Methods

    Text Size

  • Returns TextSize (int): The text size of the list view items (integer, backwards compatibility).


  • Sets the text size of the list view items (integer, backwards compatibility).

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

    Text Color

  • Returns the text color of the list view items (ARGB format).


  • Sets the text color of the list view items (ARGB format)

    • # Name Type(s) Default Value
    1 get TextColor text #FFFFFFF
    2 set TextColor text #FFFFFFF
    Image Description
    Image Description
    Methods

    Text color Detail

  • Returns the detail text color of the list view items (ARGB format).


  • Sets the detail text color of the list view items (ARGB format).

    • # Name Type(s) Default Value
    1 get TextColorDetail text #FFFFFFFF
    2 set TextColorDetail text #FFFFFFFF
    Image Description
    Image Description
    Methods

    Visible

  • Returns true if the list view is visible.


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