Embedded Files
COLORING APP USING MIT APP INVENTOR
1. Set Up the Screen (Designer View)
Add a Background Image
Drag a Canvas component onto the screen.
Set:
BackgroundImage → choose your picture (e.g., a drawing).
Width → Fill parent
Height → Fill parent (or a fixed height)
Set:
PaintColor → default color (e.g., black)
LineWidth → default brush size (e.g., 5)
COLORING APP USING MIT APP INVENTOR
COLORING APP USING MIT APP INVENTOR
Add Brush Size Slider
Add a Slider component:
Set MinValue = 1
Set MaxValue = 50
Set ThumbPosition = 5 (default brush size)
Optionally: Add a Label to show the current brush size.
COLORING APP USING MIT APP INVENTOR
COLORING APP USING MIT APP INVENTOR
Add Color Buttons
Add 5–8 Button components for choosing colors:
ButtonRed
ButtonBlue
ButtonGreen
ButtonYellow
ButtonBlack
…or as many colors as you like.
Set each button’s:
BackgroundColor to the actual color
Text to blank (" ") or color name
Page updated
Google Sites
Report abuse