Page 87 - KEC Khaitan C5 Flipbook
P. 87

ListPicker: It provides a button to open a list of items for the user to select from. It is an
                   efficient way to display multiple choices without overcrowding the screen.

                   List View: It displays a scrollable list of items.
                   Notifier: It is a non-visible component used to provide alerts, messages, or feedback to

                   users in the form of pop-ups.

                   PasswordTextBox: It is a special type of TextBox used for securely entering sensitive
                   information, such as passwords. It masks the input characters by displaying them as
                   asterisks or dots to protect user privacy.
                   Slider: It lets users select a value from a range by sliding a marker.

                   Spinner: It offers a compact way to select an option from a predefined list.

                   Switch: It offers a toggle switch for binary on/off states.

                   TextBox: It allows users to input text.

                   TimePicker: It lets users select a specific time using a clock interface. It also allows them
                   to schedule alarms or set reminders.

                   WebViewer: It displays web pages or HTML content directly within the app.



                           TOUCH EVENTS OVERVIEW


                 Touch events in MIT App Inventor are mechanisms that allow apps to respond to user
                 interactions on the screen. These events are particularly useful for creating interactive
                 elements, such as buttons, drawing canvases, or custom gestures.


                 TYPES OF TOUCH EVENTS

                 There are four types of touch events:

                   TouchDown: This event triggered when the user first touches the screen or a specific
                   component. Generally, it is used to start an action, like drawing a line or detecting the
                   initial position of a touch.

                   TouchUp: This event is triggered when the user lifts their finger off the screen or a specific
                   component. It is commonly used to complete an action, like finishing a drag operation or
                   stopping a drawing.

                   Touched: This event is triggered when the user taps on a component. It is a simple event
                   that detects touch interactions.

                   Drag: This event is triggered when the user moves their finger across the screen or
                   a component  while keeping  it  pressed.  Use this  event  to  implement  drag-and-drop
                   functionality or create drawing apps.





                                                                                         UI Design and Touch Events  85
   82   83   84   85   86   87   88   89   90   91   92