Zeichnen-App – Schritt 2 (Überarbeitete Version)
Es werde bunt!
Ziel 2
Über Tasten lässt sich die Stift-Farbe wechseln
1.) In der Design-Ansicht
Fügt neue Elemente hinzu:
1. | Links im Bereich Fügt fünf Elemente des Typs | |
2. | Vergebt einen sinnvollen Text für die Tasten und sinnvolle Namen für die Elemente. Gebt den Tasten die entsprechende Farbe. | |
3. | Eventuell müsst ihr die Höhe der Zeichenfläche reduzieren, z. B. auf 70% Tipp: Mit Elementen aus dem Bereich "Anordnung" könnt ihr die Elemente schön mittig platzieren. Legt für alle Tasten die Breite 20% fest, um die komplette Breite zu füllen. |
2.) In der Blöcke-Ansicht
Funktion Farbe wählen
Auslöser: Klick auf Taste
Zu verändernde Elemente: Zeichenfläche → ZeichenFarbe
Berechnung: Farbwert
Programmiert mit den Elementen:
1. | Erstellt je ein | usw. |
2. | Fügt den Klick-Ereignissen je einen setze-Block für die Eigenschaft | |
3. | Ergänzt für jede Taste die passende Farbe im setze-Block. | |
4. | So könnte das dann aussehen. |
Tipp: Ihr könnt den Codeblock auch für eine Taste erstellen und diesen dann per Rechtsklick fünfmal duplizieren und anpassen.
3.) Testen
Funktioniert unsere App?
1. | Klickt im App Inventor oben auf Verbinden und wählt | |
2. | Öffnet die App Vergesst nicht den Haken bei | |
3. | Scannt den QR-Code auf dem Computerbildschirm - die App wird geladen. zu setzen |
Testet die App nun ausführlich!
- Funktioniert der Farbwechsel beim Tippen auf die Taste?
- Funktionieren alle Farben?
- Ist die Zeichenfläche weiterhin an allen Stellen bemalbar?
Funktioniert alles? Herzlichen Glückwunsch! Weiter geht es auf der nächsten Seite!