Page 86 - KEC Khaitan C5 Flipbook
P. 86

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.






                   84   Premium Edition-V
   81   82   83   84   85   86   87   88   89   90   91