Skip to main content

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 Benutzerschnittstelle findet ihr die Elemente, die ihr braucht.

Fügt fünf Elemente des Typs Taste  hinzu.

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 Klick-Ereignis für die fünf neuen Tasten.

usw.

2.

Fügt den Klick-Ereignissen je einen setze-Block für die Eigenschaft Zeichenfarbe hinzu.

usw.

3.Ergänzt für jede Taste die passende Farbe im setze-Block.

usw.

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 Al Companion.


2.

Öffnet die App Al Companion  auf eurem Test-Smartphone und wählt scan QR code.

Vergesst nicht den Haken bei Use Legacy Connection  zu setzen.

3.

Scannt den QR-Code auf dem Computerbildschirm - die App wird geladen. zu setzen


Testet die App nun ausführlich!

  1. Funktioniert der Farbwechsel beim Tippen auf die Taste?
  2. Funktionieren alle Farben?
  3. Ist die Zeichenfläche weiterhin an allen Stellen bemalbar?

Funktioniert alles? Herzlichen Glückwunsch! Weiter geht es auf der nächsten Seite!


JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.