Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 93 - 2615_KEC
P. 93

    They serve specific purposes, like input, output or navigation.

                               IMPORTANCE OF UI COMPONENTS IN MIT APP INVENTOR

                     Following are the importance of UI components in MIT App inventor:

                       Ease of Use: UI components are easy to customise, making app development accessible
                       for beginners.

                       Rapid Prototyping: Quickly test and iterate app ideas with a variety of pre-built UI
                       elements.
                       Customisation: Tailor the appearance and behaviour of components to fit your app’s

                       needs.
                       Interactivity: Enable user interaction, data input and trigger actions within the app.

                       Consistency: Standard components ensure a uniform design across the app.

                       Accessibility: Components can be designed for a wider audience, including those with
                       disabilities.

                       Integration with Logic: UI components work with backend logic to create dynamic apps.
                       Cross-Platform Compatibility: Components are optimised for both Android and iOS
                       devices.

                     TYPES OF UI COMPONENTS

                     MIT App Inventor has 14 categories of components. Out of them,
                     User Interface  category contains  the  most commonly  used  UI
                     components:

                       Button: It allows users to perform an action when clicked.
                       Checkbox: It allows users to make a selection or toggle between
                       two states: checked or unchecked.

                       CircularProgress: It represents progress of an action in a circular
                       format.

                       DatePicker: It allows users to select a specific date using a pop-
                       up calendar interface.
                       Image: It allows users to display icons, images, logos on the app.

                       Label: It lets  uses  display  text  on the  app,  like  instructions,
                       headings or messages.

                       LinearProgress: It is used to display progress in a linear format,
                       such as a horizontal bar.

                                                                                             UI Design and Touch Events  91

| 88 89 90 91 92 93 94 95 96 97 98 |