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

ListPicker

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

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

  • Event to be raised after the ListPicker activity returns its result and the properties have been filled in.

    • Image Description
    Events

    BeforePicking

  • Event to raise when the ListPicker is clicked or the picker is shown using the Open() method. This event occurs before the picker is displayed.

    • Image Description
    Events

    Got Focus

  • Indicates the cursor moved over the button so it is now possible to click it.

    • Image Description
    Events

    Lost Focus

  • Indicates the cursor moved away from the button so it is now no longer possible to click it.

    • Image Description
    Events

    Touch Down

  • Indicates that the button was pressed down.

    • Image Description
    Events

    Touch Up

  • Indicates that a button has been released.

    • Methods

    Image Description
    Methods

    Open

  • Opens the ListPicker, as though the user clicked on it.

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

    PerformClick, PerformLongClick

  • Perform click as a function.


  • Perform long click as a function.

    • # Name Type(s) Default Value
    1 PerformClick * -
    2 PerformLongClick * -
    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
    3 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
    Methods

    Set Shadow

  • Place a blurred shadow of text underneath the text, drawn with the specified x, y, radius, color.

    • # Name Type(s) Default Value
    1 X Integer -
    2 Y Integer -
    3 radius Integer -
    4 color color #ffffff00

    Properties

    Image Description
    Image Description
    Methods

    Background Color

  • set the value of background color.


  • Return the value of background color.

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

    Elements, ElementsFromString

  • Returns the elements set to the list picker.


  • set the elements of list picker.


  • set the elements as a string to the list picker.

    • # Name Type(s) Default Value
    1 get Elements array -
    2 set Elements array -
    3 set Elements from String array -
    Image Description
    Image Description
    Methods

    Elevation

  • Returns the Elevation of list picker.


  • Set the Elevation to the list picker.

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

    Enabled

  • Returns true if it is enabled else false.


  • set the elevation to true or false.

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

    Font Bold

  • Returns true if it's font is set to Bold.


  • set the font bold to true or false.

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

    Font Italic

  • Returns true if it's font is set to Italic else false. .


  • set the font italic to true or false.

    • # Name Type(s) Default Value
    1 get Font Italic boolean false
    2 set PressedColor text -
    Image Description
    Image Description
    Methods

    Font Size

  • Returns the value of font size of List picker.


  • set the font size of list picker.

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

    Font Typeface

  • Return the font family file name set to the list picker.


  • set the font family to the list picker.

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

    Height

  • Returns the value of height of list Picker.


  • One can set the height of list picker.

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

    Width

  • Returns the value of Width of list Picker. .


  • One can set the Width of list picker..

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

    Height Percent

  • Returns the value of height of list picker in percentage.


  • set the height of list picker in Percent Value.

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

    Image

  • Returns the value image set on the list picker button.


  • set the Image to display on button.

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

    ItemBackgroundColor

  • Returns the background color of list item of list Picker.


  • set the background color of list item.

    • # Name Type(s) Default Value
    1 get ItemBackgroundColor text #000000ff
    2 set ItemBackgroundColor text #888888FF
    Image Description
    Image Description
    Methods

    RippleColor

  • Returns the value of ripple color of list picker.


  • set the ripple color of list picker.

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

    Text

  • Returns the text which is set on the button.


  • set the text of list picker button.

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

    Selection

  • Returns the selected list item from the list.


  • set the selection text which is visible on the list picker button.

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

    SelectionIndex

  • Returns the index of the selected list item.


  • set the selection index of the list picker.

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

    ShadowColor

  • Return the shadow color of the list picker.


  • set the shadow color of the list picker.

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

    Shape

  • Returns the shape applied on the list picker button.


  • set the desired shape on the list picker button.

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

    ShowFeedback

  • Returns a Specifies if a visual feedback should be shown for a button that as an image as background.


  • Returns a Specifies if a visual feedback should be shown for a button that as an image as background.

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

    ShowFilterBar

  • Returns true if filter bar is set to visible.


  • set the filter bar to visible by true or false.

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

    TextAlignment

  • Returns the alignment of text of the list picker.


  • set the Text alignment of List Picker.

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

    TextColor

  • Returns the text Color of it's list item.


  • set the text color of it's list item.

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

    Title

  • Returns the title set to it.


  • set the title of list picker.

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

    Visible

  • Returns true if it is visible, else false.


  • set its visibility to true or false.

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