Skip to main content

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


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


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!


JavaScript errors detected

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

If this problem persists, please contact our support.