Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 123 - 2611_SmartGPT Pro V(5.0) C-5
P. 123

    The important sections of the project designer window are:

                        Palette Pane: Contains components like buttons and images to add to your app.
                        Viewer Pane: The white area to arrange and view components.

                        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.

                                                                                     Creating Apps with MIT App Inventor  121

| 118 119 120 121 122 123 124 125 126 127 128 |