~~NOTOC~~
[[app:app_lektion003_03|=> Lektion 3.3: Programmieren der restlichen Funktionen]]
====== Lektion 4: PaintPlot ======

Als nächstes Projekt möchten wir ein kleines Zeichenprogramm erstellen. Wir nennen es mal **PaintPlot**. Folgende Komponenten und Bezeichnungen solltest du verwenden.

{{  :work.png|}}

==== Aufgabe 11 ====

Starte ein neues Projekt "PaintPlot" und erstelle im ''Designer'' folgende Oberfläche:

{{  :app:paint_screen1.png?150|}}
^ Komponente ^ Objektname ^ Eigenschaft ^
| Button (3 mal) | ButtonRed,\\ ButtonGreen,\\ ButtonBlue\\ | Hintergrund: Rot, Grün, Blau\\ Text: Red, Green, Blue |
| Canvas | DrawingCanvas | Höhe: 300px\\ Breite: "Fill Parent" |
| Button (3 mal) | ButtonLine,\\ ButtonNew,\\ ButtonFreePlot | Text: Linie zeichnen, Löschen,\\ Frei zeichnen |

Es **darf** so aussehen wie auf neben stehendem Bild, **muss** es aber nicht! Bei Bedarf kannst du die Oberfläche jederzeit erweitern.

===== Canvas =====

{{  :app:canvas1.png?250|}}
Ein Canvas ist eine Oberfläche, auf welcher durch Koordinaten (x,y) gezeichnet werden kann. Der Punkt (0,0) ist dabei immer in der linken oberen Ecke, siehe Bild.

Für ein Canvas sind im AppInventor bereits viele Ereignisse vorimplementiert:
  * Dragged
  * Flung
  * Touched Up
  * Touched Down
  * Touched

----
[[app:app_lektion004_01|=> Lektion 4.1: einen Kreis zeichnen]]\\ 
[[app:start|=> Übersicht: Android APPs programmieren]]