Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 100 - 2612 Digimind C6
P. 100

    Components Pane: Lists all added components in a hierarchy.

                         Properties Pane: Shows and lets you change the properties of selected components.

                                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.

                                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

                       98   Premium Edition-VI

| 95 96 97 98 99 100 101 102 103 104 105 |