12
Microsoft® Small Basic Grafikfenster Geschätzte Zeit für den Abschluss dieser Lektion: 1 Stunde

2.1 grafikfenster

Embed Size (px)

Citation preview

Page 1: 2.1   grafikfenster

Microsoft® Small Basic

Grafikfenster

Geschätzte Zeit für den Abschluss dieser Lektion: 1 Stunde

Page 2: 2.1   grafikfenster

In dieser Lektion erhalten Sie Informationen über:

Anweisungen, die das GraphicsWindow-Objekt verwenden.

Eigenschaften des GraphicsWindow-Objekts.

Operationen des GraphicsWindow-Objekts.

Grafikfenster

Page 3: 2.1   grafikfenster

Bis jetzt haben Sie zum Kennenlernen der Grundlagen des Programmierens in Small Basic das Grafikfenster verwendet.

Vorstellung des Grafikfensters

In dieser Lektion lernen Sie einige faszinierende Grafikfunktionen kennen, die Small Basic bietet.

Sie beginnen mit einem Grafikfenster, das Sie mithilfe des GraphicsWindow-Objekts anzeigen können.

Page 4: 2.1   grafikfenster

Eigenschaften des Grafikfensters

Sie können ein Grafikfenster anzeigen und farbige Formen darin zeichnen, wenn Sie die Operation Show (Anzeigen) des GraphicsWindow-Objekts verwenden.

ERGEBNIS

Sehen wir, wie man verschiedene Eigenschaften des GraphicsWindow-Objekts in einem Programm verwenden kann…

Sie können auch Eigenschaften des Grafikfensters angeben, wie etwa Titel, Höhe, Breite und Hintergrundfarbe.

Page 5: 2.1   grafikfenster

Eigenschaften des Grafikfensters

PenColor – Wenn Sie diese Eigenschaft angeben, können Sie Formen zeichnen, deren Ränder Farben Ihrer Wahl haben.

PenWidth – Wenn Sie diese Eigenschaftangeben, können Sie Formen mit beliebiger Dicke zeichnen.

PenColor – Wenn Sie diese Eigenschaft angeben, können Sie die Formen, die Sie zeichnen, mit beliebigen Farben füllen.

Sie können Ihre Formen mittels bestimmter Eigenschaften des GraphicsWindow-Objekts erweitern. Dazu gehören folgende Eigenschaften:

MouseX – Mit dieser Eigenschaft können Sie die horizontale Position der Maus finden.

MouseY – Mit dieser Eigenschaft können Sie die vertikale Position der Maus finden.

Page 6: 2.1   grafikfenster

Operationen am Grafikfenster

Mit Operationen und Eigenschaften können Sie farbige Formen in Ihrem Programm erstellen.

Diese Liste zeigt einige der Operationen, die Sie für das GraphicsWindow-Objekt verwenden können: DrawRectangle DrawEllipse DrawLine FillRectangle GetRandomColor SetPixel ShowMessage DrawResizedImage

Page 7: 2.1   grafikfenster

Das Grafikfenster

Wenn Sie ein Programm schreiben, das Formen erstellt, können Sie die einzelnen Eigenschaften und Operationen des GraphicsWindow-Objekts kennen lernen.

ERGEBNIS

Page 8: 2.1   grafikfenster

Verwendung von Farben im Grafikfenster

Sie können im Grafikfenster eine Reihe von Farben verwenden, um farbige Formen zu erstellen. Sehen wir uns einige Farben an, die Small Basic unterstützt.

Sie können auch andere Farben auswählen, darunter Rosa, Orange, Gelb, Violett, Braun, Weiß und Grau.

Page 9: 2.1   grafikfenster

Das Grafikfenster

Betrachten wir ein weiteres Beispiel, um mehr Eigenschaften und Operationen für das GraphicsWindow-Objekt kennenzulernen.

Dieses Beispiel zeigt ein Meldungsfeld an, das Text und eine OK-Schaltfläche enthält, sowie eine strichcodeähnliche Grafik mit zufälligen Farben.

Page 10: 2.1   grafikfenster

Das Grafikfenster

Sie können Bilder mithilfe der Operationen DrawImage und DrawResizedImage des GraphicsWindow-Objekts anzeigen. Sehen wir uns ein Beispiel an…

Für die Operation DrawResizedImage geben Sie den Dateinamen, den Ort auf dem Bildschirm und die neue Größe des Bildes an.

Für die Operation DrawImage geben Sie nur den Dateinamen des Bildes und seinen Ort auf dem Bildschirm an.

Page 11: 2.1   grafikfenster

Fassen wir zusammen…

Herzlichen Glückwunsch! Sie haben Folgendes gelernt:

Anzeigen und Ausblenden des GraphicsWindow-Objekts.

Zeichnen von Formen und Linien im GraphicsWindow-Objekt.

Anzeige von Bildern im GraphicsWindow-Objekt.

Page 12: 2.1   grafikfenster

Zeigen Sie, was Sie wissen

Zeigen Sie Ihre Kreativität, indem Sie ein Programm schreiben, das die folgenden Schritte ausführt:

Zeigt ein Grafikfenster mit der Höhe 640 Pixel und der Breite 800 Pixel an.

Zeigt zwei Formen unterschiedlicher Farbe an, die sich teilweise überlappen.

Zeigt mehrere Rechtecke in zufälligen Farben an.

Zeigt ein angepasstes Bild an einer geeigneten Bildschirmstelle an.

Zeigt ein Meldungsfeld mit dem Text „Einen schönen Tag!“ an.