Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 61 - 2612_Digimind
P. 61

    Tick ( ) if you know this.

                          ▶   The Click event is triggered when the user taps on an element.

                          ▶   Buttons are used to change something on the Canvas.

                               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.

                     Step  5   Click on the User Interface component.

                     Step  6   Drag and drop Button1 into the HorizontalArrangement.

                     Step  7     Click on Button1 to edit its properties on the right-side panel: Text to Red, FontBold,
                               BackgroundColor to Red, FontSize to 20, Shape to Rounded and TextColor to Black.

                                   Similarly, add Button2 and Button3 into the same HorizontalArrangement and set
                                 Text: Blue and Green, BackgroundColor: Blue and Green, FontSize: 20 or larger,
                                 FontBold to Checked, Shape: Rounded, TextColor: Black.

                                                                                              Touch to Motion with MIT  59

| 56 57 58 59 60 61 62 63 64 65 66 |