Workshops App-Entwicklung

Zeichnen-App – Schritt 6

Hintergrundbild und Export


Ziel 6

Legt ein Hintergrundbild für eure Zeichnung fest, auf dem ihr malen könnt, und teilt euer Werk mit euren Freunden. 


Design-Ansicht

Benötigt werden:

  1. Ein Element des Typs BildAuswahl

  2. Ein Element des Typs Teilen

  3. Ein Element des Typs Taste, um die Teilen-Funktion zu aktivieren.

Vergebt einen sinnvollen Text für die Taste und die BildAuswahl und sinnvolle Namen für die Elemente.



Hilfe benötigt? So könnte das aussehen...

zeichnen6_designer.png

zeichnen6_designer2.png



Blöcke-Ansicht (Programmierung)

Funktion Hintergrundbild

Auslöser: Nach Bild-Auswahl

Zu verändernde Elemente: Zeichenfläche → HintergrundBild

Berechnung: HintergrundBild auf Bild aus BildAuswahl setzen


Funktion Teilen

Auslöser: Klick auf Taste

Zu verändernde Elemente: Teilen-Element → TeileDatei

Berechnung: Zeichenfläche → Speichern


  1. Erstellt ein NachAuswahl-Event für das BildAuswahl-Element

  2. Setzt das Hintergrundbild der Zeichenfläche auf das ausgewählte Bild aus der BildAuswahl

Für die Teilen-Funktion muss nun die Taste mit dem Teilen-Element verbunden werden: 

  1. Erstellt ein Klick-Event für die Teilen-Taste

  2. Erstellt einen TeileDatei-Block für das Teilen-Element

  3. Geteilt werden soll die Zeichenfläche. Dazu müsst ihr die Zeichenfläche speichern und als Datei der TeileDatei-Funktion übergeben



Hilfe benötigt? Hier gibt es die Lösung...

zeichnen6_bloecke.png



Testen

  1. Könnt ihr ein Hintergrundbild für euer Bild hinzufügen?

  2. Könnt ihr auf dem Bild malen?

  3. Funktioniert die Teilen-Funktion? Wird das Bild komplett geteilt?

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