Page 99 - Trackpad_V5_Book 7
P. 99

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

                                                   View 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.

               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 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. We are going to create a
            simple talking app by following the

            given steps:

            Adding a Button
            Drag  and drop a  button  from the

            Palette pane to the View pane.


            Testing the App
            App Inventor allows us to test our app while creating, so to test your app, connect your android
            device and download MI A12 companion. Now follow the given steps.





                                                                                       Developing Mobile Apps  97
   94   95   96   97   98   99   100   101   102   103   104