de:jltk:intro1

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung
Nächste Überarbeitung
Vorherige Überarbeitung
de:jltk:intro1 [2023/12/15 11:07] jltkde:jltk:intro1 [2023/12/18 08:38] (aktuell) jltk
Zeile 1: Zeile 1:
 ====== Erste Schritte mit jltk ====== ====== Erste Schritte mit jltk ======
-{{ :0_global:jltk:firststeps_win.png?direct&150|}}Zwei grundlegende Klassen von jltk sind die Klassen //Window// und //Pen//. Objekte der Klasse //Window// stellen ein Fenster auf dem Bildschirm zur Verfügung. Objekte der Klasse //Pen// stellen einen virtuellen Stift zur Verfügung, mit dem man auf diesem Fenster malen kann.+{{ :0_global:jltk:firststeps_win.png?direct&150|Fenste rund Stift erzeugen}}Zwei grundlegende Klassen von jltk sind die Klassen //Window// und //Pen//. Objekte der Klasse //Window// stellen ein Fenster auf dem Bildschirm zur Verfügung. Objekte der Klasse //Pen// stellen einen virtuellen Stift zur Verfügung, mit dem man auf diesem Fenster malen kann.
  
 Die Abbildung rechts zeigt so ein Fenster, auf das der Stift eine eckige Spirale gemalt hat. Die Abbildung rechts zeigt so ein Fenster, auf das der Stift eine eckige Spirale gemalt hat.
  
-Im folgenden Beispiel werden Objekte dieser beiden Klassen jetzt "händisch" erzeugt und genutzt.+Im folgenden Beispiel werden Objekte dieser beiden Klassen jetzt "händisch" erzeugt und genutzt. [[de:jltk:intro1#schnelldurchgang|Unter Schnelldurchgang unten]] findest du die Screenshots für dieses Beispiel ohne Beschreibung.
  
  
Zeile 17: Zeile 17:
   - Dieser Konstruktor hat keine Parameter. Im Dialogfenster bestätigt man nur den Instanznamen (Objektnamen){{ :de:jltk:intro:intro_7.png?400 |}}   - Dieser Konstruktor hat keine Parameter. Im Dialogfenster bestätigt man nur den Instanznamen (Objektnamen){{ :de:jltk:intro:intro_7.png?400 |}}
   - Nun befinden sich die beiden Objekte //window1// und //pen1// auf der Werkbank.{{ :de:jltk:intro:intro_8.png?600 |}}   - Nun befinden sich die beiden Objekte //window1// und //pen1// auf der Werkbank.{{ :de:jltk:intro:intro_8.png?600 |}}
 +  - Jedem Objekt kann man nun Aufträge geben. Dazu klickt man mit der rechten Maustaste auf das betreffende Objekt und wählt einen Auftrag aus. Zuerst muss der Stift abgesenkt werden, damit er bei einer Bewegung zeichnet. Dies übernimmt der Auftrag //down()//{{ :de:jltk:intro:intro_9.png?direct&400 |}}
 +  - Nun ruft man den Auftrag //setPosition(pX, pY)// auf. Dieser bewegt den Stift an eine andere Stelle. {{ :de:jltk:intro:intro_10.png?direct&600 |}}
 +  - An welche Stelle der Stift bewegt wird, gibt man mit den beiden Parametern //pX// und //pY// an. Hier an die Stelle (150/200). {{ :de:jltk:intro:intro_11.png?direct&400 |}}
 +  - Auf dem Fenster hat der Stift nun eine Linie gezeichnet. {{ :de:jltk:intro:intro_12.png?direct&600 |}}
 +
 +
 +===== Probier' aus =====
 +
 +Für die folgenden Aufgaben musst du ggf. das Gemalte wieder löschen. Auch das Fenster kann Aufträge entgegennehmen. Mit dem Auftrag //clear()// kann man den Bildschirm löschen.
 +
 +Mit dem Auftrag //showGrid()// kann man sich ein Koordinatensystem einblenden lassen. Mit dem Auftrag //hideGrid()// kann man das Koordinatensystem wieder ausblenden.
 +
 +<alert type="warning">**Beachte:** Solltest du das Fenster und den Stift neu erzeugen, musst du unbedingt die Reihenfolge einhalten. Zuerst muss das Fenster erzeugt werden, dann der Stift.</alert>
 +
 +**Aufgabe 1:**
 +  - Zeichne mit dem Stift einige Figuren auf das Fenster.
 +  - Zeichne ein gleichseitiges Dreieck.
 +  - Zeichne das Haus vom Nikolaus.
 +  - Der Stift hat eine Methode, um einen Kreis zu zeichnen, nutze diese.
 +  - Der Stift kann schreiben. Schreibe "Hallo Welt" in das Fenster.
 +  - Verändere die Schriftart, Schriftgröße und den Schriftstil (kursiv/fett).
 +  - Erzeuge zwei weitere Stifte und bewege sie irgendwohin. Zeichne abwechselnd etwas mit diesen Stiften.
 +  - Zeichne mit dem Stift einen Kreis. Schalte den Stift in den Radiermodus und zeichne den Kreis erneut.
 +
 +**Aufgabe 2:** Ändere den Fenstertitle auf "Erste Schritte" und die Hintergrundfarbe auf rot.
 +
 +**Aufgabe 3:** Gib in die Direkteingabe in //bluej// (unten rechts) ''pen1.drawCircle(50);'' ein. Beschreibe was passiert und probiere andere Eingaben.
 +{{ :0_global:jltk:intro:direct_input_bluej.png?direct&300 |}}
 +    
 +===== Schnelldurchgang =====
 +<gallery nocrop>
 +:de:jltk:intro:intro_1.png Wähle Werkzeuge -> Klasse aus Bibliothek verwenden...
 +:de:jltk:intro:intro_2.png jltk.Window eingeben und Konstruktor wählen
 +:de:jltk:intro:intro_3.png Parameter eingeben
 +:de:jltk:intro:intro_4.png Ein neues Fenster
 +:de:jltk:intro:intro_5.png Fenster-Objekt auf der Werkbank
 +:de:jltk:intro:intro_6.png jltk.Pen eingeben und Konstruktor wählen
 +:de:jltk:intro:intro_7.png Fenster- und Stift Objekt auf der Werkbank
 +:de:jltk:intro:intro_8.png Auftrag down() wählen
 +:de:jltk:intro:intro_9.png Auftrag setPosition(pX,pY) wählen
 +:de:jltk:intro:intro_10.png Parameter für setPosition() eingeben
 +:de:jltk:intro:intro_11.png Fenster mit Zeichnung des Stifts.
 +</gallery>
 +
  
  • de/jltk/intro1.1702634820.txt.gz
  • Zuletzt geändert: 2023/12/15 11:07
  • von jltk