
You'll see it listed in the Components panel in the Designer. The name "Screen1", which is the name of the Screen component.This will also be the name of the application if you package it for the phone. The name you choose for your project as you work on it (in this case, PaintPot).There are three names in App Inventor, and it's easy to confuse them: If you connect to the Companion on a mobile device, you should see this change on the device, with the new title showing in the title bar. To get started, go to the Properties panel on the right of the Designer window and change the screen Title to "PaintPot".

Open App Inventor in a browser window, start a new project, and name it "PaintPot". Make sure your computer and your mobile device are set up to use App Inventor. Controlling screen layout with Arrangement components.This tutorial introduces the following App Inventor concepts: This tutorial assumes that you have completed the HelloPurr tutorial. Include an image as a drawing background.Use the button at the bottom to wipe the screen clean.Drag your finger along the screen to draw a line.Dip your finger into a virtual paint pot to draw in that color.Historical note: PaintPot was one of the first programs developed to demonstrate the potential of personal computers, as far back as the 1970s. You'll build an app that lets you draw on the phone screen in different colors. This tutorial introduces the Canvas component for creating simple two-dimensional graphics.

This tutorial has two parts: Part 1 | Part 2
