In this video tutorial I will provide you with an App Inventor Paint App example tutorial. I make the entire app in this one video.
Specifically we’ll look at what we can do with the canvas component. It allows you to draw curves, straight lines, circles, text and text on an angle. We’ll make a palette of colors, provide for the ability to load and save files to a database. All of the blocks used follow the video below. Here is the finished app for download.
If you like videos like this, it helps improve my search ranking when you share on Google Plus with a click here [googleplusone] Thank you 🙂
App Inventor Paint App Example Blocks
Click the image below to view it full screen
App Inventor Paint App Example Design
TableArrangement1 : 3 Columns, 1 Row, Height 11 px
Label1 : Width 10 px, Height 200 px
Canvas1 : BackgroundColor White, Width 300 px, Height 100 px
Label2 : Width 10 px, Height 200 px
HorizontalArrangement4 : Height 10 px
HorizontalArrangement2 : Width Fill Parent, Height Automatic
Label7 : Width 10 px, Height 30 px
All Color Buttons : Width 43 px, Height 40 px, BackgroundColor is whatever the color is
HorizontalArrangement5 : Height 10 px
HorizontalArrangement1 : Height 40 px
PaddingLabel : Width 10 px
BrushSizeLabel : Width and Height Automatic
Slider1 : MaxValue 20, MinValue 2, Width 70 px
SaveButton, LoadButton, ClearButton are all default
HorizontalArrangement7 : Default
Label10 : Width 10 px, Height Automatic
LinesCheckBox : Width 75 px, Height Automatic
TextCheckBox : Width 75 px, Height Automatic
AngleTextCheckBox : Width Automatic, Height Automatic
HorizontalArrangement8 : Height 5 px
HorizontalArrangement6 : Width Fill Parent, Height Automatic
Label9 : Width 10 px
FileNameLabel : Everything is default
FileNameTextBox : Width 230 px, Height Automatic
SavedImagesListPicker : Hidden
hello derek,
five days ago I have posted a comment on this site asking if the contest has begun so I can enter with my app (just a nice calculator).
but I cant see it any more, I don’t know what happened.
thank you for the opportunity
Ameen
Hello Ameen,
Sorry i didn’t see your message. Yes you can enter. I will post the full rules for the next contest very soon.
here is the link:
http://goo.gl/Xp33tz
if you click ABOUT button you can see this information
thank you for the opportunity and I hope like it
thanks again
That is very cool. Thank you 🙂 I will soon post all of the rules in a post. If you can please re-post your app to that article so that I don’t miss it. Best of luck!