Page 94 - TrackpadV2.1_Class8
P. 94
The Project Designer window appears. It is divided into four panes:
Viewer pane All Components pane
Palette
pane Properties
pane
Palette pane: On the left, there is a palette pane from where we can select components like
buttons, images, and other functions required for our app.
Viewer pane: To the right of the palette is the white area where we can view and arrange
added components.
All Components pane: This pane shows a list of all the components added to the screen in
a hierarchical view. It also has a dropdown list with options such as All components, Visible
components, and Non-visible components.
Properties pane: When we click on a component in the viewer, we see its properties listed here.
Properties of the components can be changed from here.
CREATING A TALKING APP
In the Project Designer window, we will design the interface by choosing buttons, images or
text boxes and specify the functionalities of our app. We are going to create a simple talking
app.
Adding a Button
Drag and drop a button from the
Palette pane to the Viewer pane.
Testing the App
App Inventor allows us to test our
app while creating, so to test your
app, connect your android device
and download MI A12 companion.
92 Trackpad (V2.1)-VII

