Page 113 - Modular_V2.0_C++_Flikpbook
P. 113

The Project Designer window appears. It is divided into four panes:
                                                                        Viewer       Components
                                                                         Pane            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.
                    View 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 MULTIPLICATION TABLE APP

                 A Multiplication Table App helps users learn multiplication easily. When a number is entered in
                 the box, the app shows the multiplication table from 1 to 10 in a list. To make  Multiplication
                 Table App, follow these steps:

                 Step 1   Click on Start a new project and name it MultiplicationTables app.
                 Step 2   Drag a Label from the Palette to the
                          Viewer, then set its properties: Text
                          to  MultiplicationTables,  FontSize
                          to 30, check FontBold, and align it

                          to Center.
                 Step 3   Add a TextBox for input by dragging
                          it from the  Palette  to the  Viewer,
                          then set its Hint to Enter a number.

                 Step 4   Drag a  Button1 from the Palette
                          to the  Viewer, then set its  Text  to
                          Generate.




                                                                                                                 111
                                                                                               App Development
   108   109   110   111   112   113   114   115   116   117   118