Workshops App-Entwicklung

Zeichnen-App – Schritt 4 (Überarbeitete Version)

Radieren oder neu anfangen?


Ziel 4

Mit einem Radiergummi könnt ihr Teile eurer Malerei entfernen. Eine neue Taste löscht das komplette Bild, damit ihr neu beginnen könnt


1.) In der Design-Ansicht

Benötigt werden:

1.

Links im Bereich Benutzerschnittstelle findet ihr die Elemente, die ihr braucht.

Fügt zwei Elemente des Typs Taste hinzu.

Benutzerschnittstelle.png

2.

Vergebt einen sinnvollen Text für die Tasten und sinnvolle Namen für die Elemente. Passt die Schriftgröße an.

zeichnen4_designer.png






2.) In der Blöcke-Ansicht (Programmierung)

Funktion Radierer

Auslöser: Klick auf Taste

Zu verändernde Elemente: Zeichenfläche → ZeichenFarbe

Berechnung: setze auf HintergrundFarbe


Funktion Bild löschen

Auslöser: Klick auf Taste

Zu verändernde Elemente: Zeichenfläche

Berechnung: lösche


Programmiert mit den Elementen:

1.

Erstellt je ein Klick-Ereignis für die beiden neuen Tasten

image2022-3-7_9-28-18.png
image2022-3-7_9-28-18.png

2.

Erstellt einen Lösche-Block für die Zeichenfläche. Diese löscht die komplette Zeichenfläche. 

image2022-3-7_9-32-12.png

3.

Der Radierer soll mit der Hintergrundfarbe Teile des Bilds übermalen können. Setzt dazu die ZeichenFarbe der Zeichenfläche auf die Hintergrundfarbe der Zeichenfläche.

image2022-3-7_9-30-46.png

4.

So könnte das dann aussehen.

zeichnen 4_bloecke.png



3.) Testen

Funktioniert unsere App?

1.

Klickt im App Inventor oben auf Verbinden

und wählt Al Companion.

Bildschirmfoto 2022-03-02 um 14.45.29.png

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.

Bildschirmfoto 2022-03-02 um 14.46.55.png

3.

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

Bildschirmfoto 2022-03-02 um 14.48.35.png


Testet die App nun ausführlich!

  1. Wird das Bild komplett gelöscht?

  2. Funktioniert der Radierer?

  3. Könnt ihr anschließend wieder eine Farbe wählen und weiterzeichnen?

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