Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 68 - 2617_JSSPS_C-7
P. 68

    TYPES OF UI COMPONENTS

                  User Interface (UI) components are the visual elements that users can see and interact within your
                  app. It provides a wide range of UI components that
                  you can drag and drop to design your app.

                  Here’s a list of the most commonly used UI components
                  in MIT App Inventor:

                  1.  Buttons: Triggers an action when tapped, like
                     opening a screen or showing a message.

                  2.  Label: Displays text such as messages or
                     instructions.
                  3.  TextBox: Lets users enter text, like a name or
                     email.

                  4.  Image: Displays pictures on the screen.

                  5.  ListView: Shows a list of items such as text, images or buttons.
                  6.  Switch: A toggle with On and Off states, similar to a checkbox.

                                                                     Hintbot

                      You can search for any UI components that are not visible on the home screen by typing their name in the search box.

                  BLOCKS EDITOR AND ITS INTERFACE

                  In MIT App Inventor, the Blocks Editor is where you design your app’s actions. You can drag and drop
                  blocks to make things happen, like showing a message or changing the screen, much like assembling a
                  puzzle. The Blocks Editor lets you program the app’s behaviour by putting blocks together.

                                                                                                                Blocks
                                                                                                                Button

                            Built-in Blocks

                                                                             Blocks

                        Component-Specific
                                 Drawers

                                                                                                                Viewer

                            Premium Edition-VII
                     66

| 63 64 65 66 67 68 69 70 71 72 73 |