Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 133 - CodePilot V5.0 C5
P. 133

    3.   TextBox: Lets users enter text, like a name or
                         email.

                     4.  Image: Displays pictures on the screen.                        You can search for any UI
                                                                                        components that are not
                     5.  ListView: Shows a list of items such as text,
                         images or buttons.                                            visible on the home screen
                                                                                       by typing their name in the
                     6.  Switch: A  toggle  with  On and  Off  states,                         search box.

                         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

                     The important sections of the blocks editor window:

                          Built-in Blocks: These are the basic blocks in MIT App Inventor (e.g., Control,

                         Math, Text) used to program app behaviour.
                          Component-Specific Drawers: Each component (e.g., Button, Label) has its own set

                         of blocks for controlling actions and settings.
                          Blocks Button: Switches you from the design area to the blocks area to write the

                         app’s code.
                          Viewer: The viewer is where you drag and drop blocks to create your app’s
                         functionality by connecting them like puzzle pieces.

                                                                                    Creating Apps with MIT App Inventor  131

| 128 129 130 131 132 133 134 135 136 137 138 |