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

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