Page 105 - TP_iPlus_V2.1_Class8
P. 105

The Project Designer window appears. It is divided into four panes:

                                                      Viewer Pane            Components Pane











                                                                                                        Properties
                    Palette Pane
                                                                                                        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.
                 •   Components Pane: This pane shows a list of all the components added to the screen in a
                    hierarchical view.
                 •   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.

                 Adding a Button

                 Drag and drop a Button from the Palette pane to the Viewer pane.



























                                                                                                                 103
                                                                                             App Development
   100   101   102   103   104   105   106   107   108   109   110