Basic HTML Version

|  | Table of Contents |  | View Full Version

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 |