Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 72 - 2629_Devagiri_C-6
P. 72

    CANVAS RESPONSIVENESS WITH UI COMPONENTS

                      In MIT App Inventor, the Canvas can work with buttons, labels and text boxes to create interactive
                      apps that respond to user actions in real time.
                      Examples:

                          Buttons: Change something on the Canvas, like colour or position, when clicked.

                          Labels: Display messages based on Canvas events, like a touch in a specific area.
                          Text Boxes: Enables inserting text typed by the user.

                       RAPID RECALL                             Tick ( ) if you know this.

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

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

                       70
                            Premium Edition-VI

| 67 68 69 70 71 72 73 74 75 76 77 |