Page 75 - 2617_JSSPS_C-7
P. 75

Once  you  finish  testing  the  app, you  can start using  it. Make sure it
                 generates the multiplication table correctly, is easy to use and displays the
                 results properly in the ListView.



                                                           Hintbot


                                       To make your app for Android, click on the
                                      Build button and choose Android App (.apk).
                                        Then, download the file when it’s ready.




                 TOUCH EVENTS


                 Touch events let apps respond to screen interactions like taps, swipes or touches, enabling interactive
                 elements such as buttons, drawings and gestures, making apps engaging and fun.
                 Types of Touch Events


                 Some of the touch events that help apps respond to how users interact with the screen are:

                    Touch Down: This event happens when the user first touches the screen or an element, starting an
                   action like drawing or detecting the touch.

                    Touch Up: This event occurs when the user lifts their finger, ending or stopping the action.
                    Click: This event is triggered when the user taps on an element, performing actions like opening a

                   screen or changing elements.
                    Touch Move: This event occurs when the user moves their finger on the screen, used to track actions
                   like dragging or drawing.


                 CREATING AN APP USING TOUCH EVENTS


                 The Magic_Pad app lets you draw with your finger, change colours and reset the screen like a digital
                 drawing book. It helps young learners practice drawing, handwriting and creativity while improving
                 hand control in a safe, educational way.

                 To create the Magic_Pad app, follow these steps:

                 Step 1:  Create new project in the MIT App Inventor.
                 Step 2:   Change the name of the screen to Magic_Pad in the Title textbox, adjust AlignHorizontal to
                          Center:3 and AlignVertical to Top:1 in the Properties pane.

                 Step 3:  Click on the Layout component.
                 Step 4:  Drag and drop HorizontalArrangement into the phone screen.










                                                                                               App Development      73
   70   71   72   73   74   75   76   77   78   79   80