Page 117 - Touchpad_Plus_V3.2_Class 8
P. 117
The Project Designer Window opens.
Viewer pane Components pane
Palette
pane Properties
pane
Displaying Project Designer Window
The Project Designer Window appears. It is divided into four panes:
Palette pane: On the left, there is a palette pane from where we can select components for
designing our app like buttons, images, labels, etc.
Viewer pane: To the right of the palette is the white area where we can view and arrange the
added components. We can see here how our app will look like.
Components pane: This pane shows a list of all the components added to the screen in a
hierarchical view. It also has a drop-down list with options such as All components, Visible
components, and Non-visible components.
Properties pane: When we click on a component in the viewer or Components pane, 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 design
the interface by choosing User Interface
components such as 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.
Adding button
App Development 115

