Page 133 - CodePilot V5.0 C5

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