ErfinderDesRades - Moderator - Notiz: Dieses Tutorial ist veraltet. Ein besseres findet sich hier: Tutorial: GDI+
Und hier noch weiterführendes: [TUTORIAL] Pen & Linien in GDI+
ich habe vor ein paar Wochen angefangen, ein wenig mit GDI+ zu spielen und wollte euch nun auch mal den Einstieg mit diesem kleinen Tutorial vereinfachen =)
Aufbau
Teil 1: Einache Linien >>malen<<
Man kennt es ja von den Grafikbibliotheken in z.B. C++:
alles ist aufwendig, schwer zu verstehen und braucht folglich viel Zeit.
Nicht so in VB.NET mit GDI+!
Ich werde zuerst mal den ganzen Code posten und ihn dann in Teilen erklären.
Nun zur Erklärung
Sind erstmal Variablen, die wir zum Zeichnen brauchen.
Das Pen-Objekt sollte sich von selbst erklären, es beinhaltet später die Eigenschaften des >>Stiftes<<, mit dem wir zeichnen.
Das Graphics-Object stellt u.A. die Funktionen bereit, die wir zum Zeichnen brauchen.
Mit Me.CreateGraphics() stellt sich die Form als >>Papier<< für unsere Zeichnung zur verfügung.
Wir >>suchen uns einen Stift aus<< , in unserem Fall soll es ein 10 Pixel (ja, hier wird in Pixeln gerechnet) großer, schwarzer Buntstift sein.
Wir fangen an zu zeichnen. Wir wollen einen Strich von dem Punkt a(0|0) nach b(Me.Width|Me.Height)(z.B. b(100|100)) mit dem vorhin gewählten Stift(p) zeichnen.
Die Punkte sind in einem gedachten Koordinatensystem(von links oben ausgehend.).
ACHTUNG: Man kann eine "Malaktion" nicht durch den MyBase.Load-Handler auslösen!!
Teil 2: Ein Rechteck und weitere geometrische Formen
Gleiches verfahren wie vorher, nur kürzer.
Wir erzeugen ein vorerst nicht sichtbares Rechteck, welches wir später am Punkt p(0|0) mit Höhe 100 Pixel und Breite 100 Pixel zeichnen möchten
Das sollte sich wohl von selbst erklären.
Ja, die Graphics-Instanz stellt für jede geom.(nicht-dreidimensionale, afaik) Form eine draw-Funktion bereit.
Unten auf der Seite gibt es eine schöne Tabelle an Funktionen.
Teil 3: Abschluss
So, ich habe hier noch eine kleine Funktion für ein Gitter mit 5² Pixeln unterteilung geschrieben
Hoffe ihr konntet was lernen =)
lg.
PS: Ich weiß, es ist nichts besonderes für die, die es können, aber für Leute die das nicht können...
~Edit: Wenn ihr das anseht, dann bitte auch Feedback abgeben..
Und hier noch weiterführendes: [TUTORIAL] Pen & Linien in GDI+
Hey,Ich hab neue Wasserfarben!
Oh.. Ich male immernoch mit GDI+
ich habe vor ein paar Wochen angefangen, ein wenig mit GDI+ zu spielen und wollte euch nun auch mal den Einstieg mit diesem kleinen Tutorial vereinfachen =)
Aufbau
- Einfache Linien >>malen<<
- Ein Rechteck und weitere geometrische Formen
- Abschluss
Teil 1: Einache Linien >>malen<<
Man kennt es ja von den Grafikbibliotheken in z.B. C++:
alles ist aufwendig, schwer zu verstehen und braucht folglich viel Zeit.
Nicht so in VB.NET mit GDI+!
Ich werde zuerst mal den ganzen Code posten und ihn dann in Teilen erklären.
Nun zur Erklärung
Sind erstmal Variablen, die wir zum Zeichnen brauchen.
Das Pen-Objekt sollte sich von selbst erklären, es beinhaltet später die Eigenschaften des >>Stiftes<<, mit dem wir zeichnen.
Das Graphics-Object stellt u.A. die Funktionen bereit, die wir zum Zeichnen brauchen.
Mit Me.CreateGraphics() stellt sich die Form als >>Papier<< für unsere Zeichnung zur verfügung.
Wir >>suchen uns einen Stift aus<< , in unserem Fall soll es ein 10 Pixel (ja, hier wird in Pixeln gerechnet) großer, schwarzer Buntstift sein.
Wir fangen an zu zeichnen. Wir wollen einen Strich von dem Punkt a(0|0) nach b(Me.Width|Me.Height)(z.B. b(100|100)) mit dem vorhin gewählten Stift(p) zeichnen.
Die Punkte sind in einem gedachten Koordinatensystem(von links oben ausgehend.).
ACHTUNG: Man kann eine "Malaktion" nicht durch den MyBase.Load-Handler auslösen!!
Teil 2: Ein Rechteck und weitere geometrische Formen
Gleiches verfahren wie vorher, nur kürzer.
Wir erzeugen ein vorerst nicht sichtbares Rechteck, welches wir später am Punkt p(0|0) mit Höhe 100 Pixel und Breite 100 Pixel zeichnen möchten
Das sollte sich wohl von selbst erklären.
Ja, die Graphics-Instanz stellt für jede geom.(nicht-dreidimensionale, afaik) Form eine draw-Funktion bereit.
Unten auf der Seite gibt es eine schöne Tabelle an Funktionen.
Teil 3: Abschluss
So, ich habe hier noch eine kleine Funktion für ein Gitter mit 5² Pixeln unterteilung geschrieben
Hoffe ihr konntet was lernen =)
lg.
PS: Ich weiß, es ist nichts besonderes für die, die es können, aber für Leute die das nicht können...
~Edit: Wenn ihr das anseht, dann bitte auch Feedback abgeben..
Dieser Beitrag wurde bereits 6 mal editiert, zuletzt von „ErfinderDesRades“ ()