Page 68 - 2617_JSSPS_C-7

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.

Hintbot

You can search for any UI components that are not visible on the home screen by typing their name in the search box.

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

Premium Edition-VII
66