Grafische GUI’s ein erster Versuch

Kompliziert, wenn man so was gleich versuchen möchte und auf dem weg, so nebenher die Sprache die man dafür braucht – Objektive C – lernt. Mal sehen.

Grundsätzlich führten die Folgenden Schritte unter X- Code zum Erfolgt und dürften sich nicht grundsätzlich ändern, egal ob große oder kleine Programmierprojekte. Mal sehen:

Die Ersten Schritte

  • Ein neues Projekt erzeugen. Eine „Cocoa Application“
  • Man erhält eine Liste vordeffinierter Dateien
  • Das ganze ist bereits lauffähig, nur nutzen tut es noch nicht viel, weil nur ein leeres Fenster angezeigt wird

Was Fange ich jetzt an? Wir füllen die oben erzeugte – noch leere Hülle – mit Leben:

  • Wir setzte „Buttons“, „Textfelder“, etc in das leere Fenster
  • Die „Controler“ Klasse erzeuge
    Wie man eine eigene Klasse erstellt ist hier im Detail beschrieben. Es wird das Interfaces der Klasse (Datei *.h)  und die implementation (Datei *.m) erstellt.

    Bildschirmfoto 2013-10-13 um 13.55.54

    Das Interface unserer „Controller“ Klasse. Da stehen die Eigenschaften unseres „GUI Objektes“ und es werden die Methoden inklusive deren Über- und Rückgabewerten deffiniert

  • Innerhalb der Implementation schreiben wir jetzt die Methoden der Klasse(n) die wir im Interface bestimmt haben:

    Bildschirmfoto 2013-10-13 um 13.56.59

    Die Implementation unserer „Controller“ Klasse. Da stehen die Methoden, die wir im Interface vereinbart haben.

Letzter Schritt. Zwischen der eben erzeugten Klasse (hier im Beispiel „Controller“ genannt) einen Bezug zur Benutzeroberfläche herstellen (wass immer das im Detail bedeutet, Recherche und lernen vonnöten )

  • Wir ziehen uns aus der „Object“ Library das mit „Object“ benannte Steuerelement auf den Bereich Document Outline
  • Dieses Objekt muss nun unserer Klasse „Controller“ zugeordnet werden. Das machen wir mit dem Idendity Inspektor.
  • Mit dem Conections Inspector verbinden wir nun die einzelnen Objekte

Binding

Das War’s!

Advertisements

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s