Inleiding

Wat kan de PaintPot app

Doop je vinger in een virtuele pot verf en verf met die kleur. Sleep met je vinger over het scherm en teken zo een lijn. Tik op het scherm om stippen te maken. Verander de grootte van de stippen. Gebruik een knop om het scherm weer schoon te maken. Gebruik de camera van je toestel en teken op die foto.

Wat leren we aan

Hoe je in een bepaalde layout de componenten op het scherm schikt. Hoe je tikken en slepen over het scherm programmeert. Hoe je de eigenschappen (properties) van een component kan laten veranderen door op een knop te drukken. Hoe je variabelen definieert en bewaart om later te gebruiken, b.v. de kleur waarmee je gaat tekenen.

Componenten en functies

Van boven naar beneden:

1. Drie knoppen die in een horizontaal kader staan.
2. Een canvas om op te tekenen.
3. En nog vier knoppen in een tweede horizontaal kader. In totaal zijn het negen onderdelen. Op de volgende bladzijde een overzicht in tabelvorm.

Let op: Omdat we bij deze app met veel componenten werken, moeten we deze componenten herkenbare namen geven. Bijna elk component wordt voorzien van een eigen naam (rename).

Component	Palette-groep	Component naam (rename)	Functie
Button	User Interface	RedButton	Verandert de tekenkleur naar rood
Button	User Interface	BlueButton	Verandert de tekenkleur naar blauw
Button	User Interface	GreenButton	Verandert de tekenkleur naar groen
HorizontalArrangement	Layout	HorizontalArrangement1	Plaats de drie bovenste knoppen naast elkaar
Canvas	Drawing and Annimation	DrawingCanvas	Het çanvas’ om op te schilderen
Button	User Interface	TakePictureButton	Start de camera op
Button	User Interface	WipeButton	Maakt het ‘canvas’ leeg
Button	User Interface	BigButton	Verandert de grootte van de stip naar groot
Button	User Interface	SmallButton	Verandert de grootte van de stip naar klein
HorizontalArrangement	Layout	HorizontalArragement2	Plaatst de vier onderste knoppen naast elkaar