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
   112   113   114   115   116   117   118   119   120   121   122