Page 96 - modular4.0
P. 96

Chapter Profile

                                                      View Pane                Components Pane






                                                                                                            Properties

                   Palette                                                                                    Pane
                    Pane













                  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 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 in this
                     pane. 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.




























                94   Modular (Ver. 4.0)-VIII
   91   92   93   94   95   96   97   98   99   100   101