Page 62 - 2611_SmartGPT Pro V(5.0) C-6

MIT App Inventor is a free online tool that lets you create your own mobile apps for Android
devices. Instead of writing long codes, you use colourful blocks that fit together like a puzzle. It’s
fun, easy to use and helps you turn your ideas into real working apps.

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.

DRAWING AND ANIMATION

Drawing and Animation tools let you create apps for drawing and moving objects on the screen.

Some of the main tools that you will use are:

Canvas: It is like a blank paper in your app where you can draw with fingers or code and detect
touch events like tap, drag and swipe for interactive visuals.
Ball: This is a round object that you can add to the Canvas. You can make it move, bounce or
roll across the screen. It’s great for games like bouncing balls or ping pong.

ImageSprite: This lets you use pictures, like a cartoon character or a car and make them move
around the Canvas. You can make them go left, right, jump or even spin.

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.

60 Computer Science (V5.0)-VI