Functie 4: Tekengrootte veranderen

De grootte van de tekenstip veranderen.

In Designer heb je twee knoppen aangemaakt, Big dots en Small dots. Eerder hebben we de grootte van de stippen een vaste waarde gegeven; radius = 5. Met de knoppen Big dots en Small dots gaan we deze waarde veranderen. Laten we afspreken een Small dot = 2 en een Big dot = 8. De app begint met Small dot. Om dit voor elkaar te krijgen moeten we een variabele aanmaken.

Een variabele aanmaken

Om de verschillende waardes voor Radius te kunnen gebruiken moet je dit wel laten weten. De vaste waarde van 5 moet vervangen worden door een variabele. Een variabele is een geheugenplaats, in dit geval hoort in de geheugenplaats de waarde voor Radius te komen; 2 of 8. Eerst moet je de variabele aanmaken en een naam geven (adres voor de geheugenplaats). Onder ‘Built-in’ hangt het blokje ‘Variables’. (zie volgende bladzijde voor afbeelding)

Sleep ‘initialize global name to’ in de viewer en verander de naam in ‘dotSize’. Omdat we afgesproken hebben dat de app start in Small dot plakken we hieraan de waarde 2.

Nu moeten we de variabele ‘dotSize’ gaan koppelen aan DrawCircle. De naam ‘dotSize’ hadden we zelf verzonnen. Haal uit het paarse blok ‘call DrawingCanvas.DrawCirkel’  de vaste waarde 5 eruit. Plaats hiervoor in de plaats; de variabele ‘dotSize’ in. Die vind je in Build-in > Variables als het 'get' blok. Klikken we het driehoekje open, dan vind je daar de zojuist aangemaakte variabele ‘global dotSize’.

Het veranderen van de waarde dotSize.

We moeten nog een stukje code programmeren voor het veranderen van een variabele. De knoppen ‘BigButton’ en ‘SmallButton’ moeten die verandering doorgeven als erop geklikt wordt. Maak onderstaande blokken.

De verandering (set) haal je uit ‘variables’. De waarde waarin verandert moet worden hadden we al afgesproken. Voer dit voor beide knoppen door.