Nikolas Schrader

Hello World – Objective-C und Cocoa

admin — Thu, 04 Jun 2009 16:00:08 +0000

#1 – Consolen Hello World

Neues Projekt

Da man für ein Konsolen Programm kein eigenes User Interface benötigt, reicht es aus, wenn man ein Template ohne User Interface verwendet. Erstellen Sie dafür ein neues Projekt, wählen Command Line Utility | Foundation Tool und Speichern es.

#2 – Consolen Hello World

Build and Go

Klicken Sie im Projektfenster auf Build and Go und öffnen die Console (⇧  R), wo Ihnen ungefähr folgendes ausgegeben wird.

[Session started at 2009-06-04 17:08:16 +0200.]
2009-06-04 17:08:16.247 Hello World[31331:10b] Hello, World!

The Debugger has exited with status 0.

Die einzige für dieses Tutorial relevante Zeile aus der Ausgabe ist die zweite Zeile, links wird angezeigt, wann, was ausgeführt wurde. Doch das interessante ist ausschließlich der rechte Teil, “Hello, World!”.

#3 – Consolen Hello World

Code

“Hello World!” wurde in der Console ausgegeben, ohne das eine einzige Zeile Code geschrieben wurde, wie ist das möglich? Guckt man sich den Code in Hello World.m an, sieht er wie folgt aus.

#import
int main (int argc, const char * argv[]) {

NSAutoreleasePool * pool = [[NSAutoreleasePool alloc] init];

// insert code here…
NSLog(@”Hello, World!”);
[pool drain];
return 0;

}

Wie man sehen kann, hat Xcode beim Erstellen des Projekts mit der Codezeile “NSLog(@”Hello, World!”);“ einen NSLog geschaffen, der bei der Ausführung die Console dazu bringt, “Hello World“ auszugeben.

#1 – Graphisches Hello World

Neues Projekt

Im zweiten Teil soll “Hello World“ in einem Fenster eines Programmes erscheinen, natürlich könnte man jetzt, wie ich bereits im iPhone Hello World Posts beschrieben habe, einfach ein Label mit dem Inhalt des “Hello World“ Textes in das Fenster eines Programmes ziehen und anzeigen lassen – diese Möglichkeit ist aber zu einfach. Erstellen Sie daher ein neues Projekt, diesmal Application | Cocoa Application, bennenen und speichern es.

#2 – Graphisches Hello World

Interface Builder

Öffnen Sie, durch Doppelklick auf MainMenu.xib (English) im Projektfenster, das User Interface File. Da weder ein Textfeld, noch ein Label zur Darstellung des “Hello World“ Strings eingesetzt werden soll, wird ein View verwendet. Ziehen Sie dazu aus der Library des Interface Builders einen Custom View in das Fenster und vergrößern ihn im Anschluss so, dass er das ganze Fenster füllt. Damit das auch so bleibt, wenn man, während das Programm läuft, das Fenster größer bzw. kleiner zieht, klicken sie im Size Inspector ( 3) alle Pfeile an, sodass diese rot eingefärbt werden. Anschließend setzen sie die Class im Identity Inspector ( 6) auf MyView.
Anschließend werden zwei Class Files für den MyView benötigt. Der Interface Builder kann das Erstellen übernehmen, klicken Sie dazu auf File | Write Class Files… und speichern es, beachten Sie dabei, dass Create ‘.h’ file aktiv ist. Wenn Sie gefragt werden, ob die Files dem Projekt hinzugefügt werden sollen, bestätigen Sie dies.
Speichern Sie die Änderungen und schießen den Interface Builder

#3 – Graphisches Hello World

Code.h

Im Projektfenster gibt es jetzt zwei neue Files, MyView.h und MyView.m. Ergänzen Sie den Code des MyView.h Files, sodass es wie folgt aussieht.

#import

@interface MyView : NSView {

NSString *string;
NSFont *font;

}

- (id)initWithFrame:(NSRect)frame;
- (BOOL)isFlipped;
- (void)setString:(NSString *)value;
- (void)setFont:(NSFont *)value;
- (void)drawRect:(NSRect)rect;

@end

In diesem Programm gibt es zwei Variablen, eine für den Text, der angezeigt werden soll, und eine für die Schrift, mit der der Text angezeigt werden soll. Die unten aufgelisteten Methoden sorgen dafür, dass eine Initialisierung durchgeführt, das Koordinatensystem gespiegelt wird, die beiden Variablen definiert werden und ein Rechteck (rect) eingezeichnet wird.

#4 – Graphisches Hello World

Code.m

Würde man jetzt den Code compilieren und ausführen, treten zwar keine Fehler auf, aber man bekommt auch kein Ergebnis, da der wichtige Code noch garnicht geschrieben wurde. Wechseln Sie daher zu MyView.m und ergänzen dort den Code, innerhalb von “@implementation“ und “@end“. Als erstes die Initialisierung und das Spiegeln des Koordinatensystems.

- (id)initWithFrame:(NSRect)frame {

[super initWithFrame:frame];
[self setString: @"Hello World!"];
[self setFont: [NSFont systemFontOfSize: 18]];
return self;

}

- (BOOL)isFlipped {

return YES;

}

Anschließend der Code für beide Variabeln.

- (void)setString:(NSString *)value {

[string autorelease];
string = [value copy];
[self setNeedsDisplay: YES];

}

- (void)setFont:(NSFont *)value {

[font autorelease];
font = [value retain];
[self setNeedsDisplay: YES];

}

Zuletzt soll alles noch angezeigt werden, was durch folgenden Code erreicht wird.

- (void)drawRect:(NSRect)rect {

[[NSColor whiteColor] set];
NSRectFill( rect );

NSRect myRect = [self bounds];
NSMutableDictionary *attribs = [NSMutableDictionary dictionary];
[attribs setObject: font forKey: NSFontAttributeName];
[string drawAtPoint: NSMakePoint((myRect.size.width/2 - 50), (myRect.size.height/2 - 10) ) withAttributes:attribs];

}

Die ersten beiden Zeilen sorgen dafür, dass das Rechteck mit einem weißen Hintergrund gefüllt werden soll. Zuletzt wird mit den in “-initWithFrame:“ vordefinierten Attributen das “Hello World!“ gezeichnet.

#5 – Graphisches Hello World

Build and Go

Wenn Sie jetzt auf Build and Go im Projektfenster klicken, wird, solange kein Fehler auftritt, auf einem weißen Hintergrund im Fenster des “Hello World“ Programmes “Hello World“ ausgegeben.

Hello World – iPhone

admin — Thu, 04 Jun 2009 14:05:22 +0000

#1 – Interface Builder Hello World

Neues Projekt

Für diesen Teil des Tutorials wird mit einer View-Based Application gearbeitet, man kann dieses Template unter iPhone OS | Application | View-Based Application, wenn man ein neues Projekt erstellt (⇧  N), finden. Speichern Sie das Projekt unter dem Namen “Hello World“ ab.

#2 – Interface Builder Hello World

Öffnen des UI-Files

Sobald das Projekt erstellt ist, wird das Projektfenster geöffnet. Anschließend wird das Interface Builder File, Hello_WorldViewController.xib, das man entweder im Detail View (auf der rechten Seite) oder unter Resources | Hello_WorldViewController.xib in der Groups & Files List (linke Seite) finden kann, geöffnet.

#3 – Interface Builder Hello World

Hinzufügen eines Labels

Ziehen Sie aus der Library ein Label in den View und skalieren es so, dass die linke und die rechte Kante auf den blauen Hilfslinien liegen. Öffnen Sie dann den Attributes Inspector ( 1) und ändern den Text auf “Hello World” und stellen Alignment auf zentriert um. Speichern Sie die Änderung ab ( S) und schließen Sie den Interface Builder.

#4 – Interface Builder Hello World

Build and Go

Zurück in Xcode muss man es nur noch ausführen – wie erwartet wird “Hello World” angezeigt.

#1 – Code Hello World

Neues Projekt

Die Interface Builder Variante eines “Hello World” Programmes funktiniert zwar und macht auch was sie soll, aber hat, da man gar keinen Code schreiben muss, eher weniger mit Programmieren zu tun. Weil man aber mit einem “Hello World” Programm, meiner Meinung nach, auch Code verbindet, soll sich das jetzt ändern.
Erstellen Sie ein neues Projekt (⇧  N) und wählen jetzt iPhone OS | Application | Navigation-Based Application aus und speichern es.

#2 – Code Hello World

Titel “Hello World“

Suchen Sie das File RootViewController.m und entfernen Sie bei der Methode “- (void)viewDidLoad {…}” die Kommentarmarkierungen, /* und */. Anschließend fügen Sie folgenden Code ein:

self.navigationItem.title = @”Hello World”;

Diese eine Zeile sorgt dafür, dass der Titel des navigationItem auf “Hello World“ gesetzt wird.

#3 – Code Hello World

Build and Go

Führt man das Programm jetzt aus, erscheint im iPhone Simulator eine noch lehre Tabelle mit einer Navigationsleiste, die den Titel “Hello World” trägt.

#4 – Code Hello World

Tabellen “Hello World”

Gehen Sie wieder in das File RootViewController.m und suchen Sie die Methode -tableView:numberOfRowsInSection: und ändern die Zahl 0 auf 1. Dadurch weiß das Programm, dass es eine Zeile innerhalb der Tabelle gibt, die mit Daten gefüllt werden kann. Dazu fügen Sie in der Funktion -tableView:cellForRowAtIndexPath unterhalb des Kommentars // Set up the cell… folgenden Code ein.

[cell setText:@"Hello World“];

Jetzt weiß das Programm, dass der Textinhalt der einen Zeile “Hello World” ist.

#4 – Code Hello World

Build and Go

Wenn Sie das Programm jetzt ausführen, wird im iPhone Simulator neben dem Titel auch eine Zeile innerhalb der Tabelle den Inhalt “Hello World“ tragen.

Die Developer Tools – Xcode

admin — Wed, 03 Jun 2009 16:54:00 +0000

#1

Xcode öffnen

Öffnen Sie Xcode, sofern Xcode nicht in Ihrem Dock ist, können Sie es unter Macintosh HD | Developer | Applications | Xcode finden. Sobald es offen ist, werden Sie begrüßt und es werden Ihnen vier grundlegende Tutorials angezeigt, außerdem werden Sie auf ein paar für das Programmieren hilfreiche Ressourcen, wie z.B. der Apple Developer Connection oder Mailing Lists, hingewiesen.

#2

Dokumentation

Wenn Sie auf eines der angezeigten Tutorials klicken, öffnet sich die in Xcode eingebaute Dokumentation. Im Verlauf Ihrer Programmierkarriere werden Sie noch sehr häufig hier z.B. Methoden suchen.

#3

Neues Projekt

Um ein neues Projekt zu erstellen können Sie entweder auf File | New Project… in der Menüleiste klicken, oder einfach die Tastenkombination ⇧  N eingeben. Da man mit Xcode nicht nur Programme mit einem Userinterface und ein paar, durch Code geschriebene, Aktionen erstellen kann, gibt es auch sehr viele verschiedene Templates, die man auf der linken Seite des Fensters sehen kann (im Punkt 3.2 werden sie genauer beschrieben). Innerhalb dieser Templates wird noch weiter differenziert, allerdings möchte ich nicht darauf eingehen, da man die unterschiede viel besser in der Praxis lernt.

#3.2

Templates

Application Template zur Erstellung von Programmen
Audio Units Template das digitale Audio-Plugins (Audio-Units) erstellt
Automator Action Template das eine Automator-Aktion erstellt, die mit anderen verknüpft ein “workflow” ergeben
Command Line Utility Tool ohne graphische Benutzeroberfläche, wird in der “command line enviroment” verwendet
Dynamic Library Daten in der Dynamic Library werden erst bei der Ausführung ausgeliefert und kann von vielen laufenden Programmen verwendet werden
Framework Hierarchisches Verzeichnis das eine Dynamic Library und “shared” Daten enthält
Java Template zur erstellung von Java
Kernel Extension Code, der direkt in den Mac OS X Kernel geladen wird, z.B. driver
Standard Apple Plug-ins Template zu Erstellung von Plugins für Apple Programme, wie Adressbuch, Interface Builder oder Spotlight
Static Library Daten in der Static Library werden bei der Anbindung der Static Library an das Programm angefügt werden

#3.3

Neues Projekt

In diesem Beispiel wird Cocoa Application ausgewählt, anschließend klickt man auf Choose…, gibt einen Namen ein und speichert es ab.

#4

Projektfenster

Es öffnet sich ein neues Projektfenster, hier wird man als Programmierer die meiste Zeit verbringen, da man hier Code schreibt, Files erstellt, Frameworks hinzufügt und vieles mehr…

#4.2

Projektfenster | Toolbar

Overview in diesem Dropdown Menu kann man einerseits das aktive SDK, aktive Konfiguration oder die aktive Architektur einstellen
Action gibt einem die Möglichkeit neue oder bereits existierende Files hinzufügen
Build and Go führt Aktionen wie Build, Run oder Debug durchzuführen
Tasks ermöglicht den Stop laufender Operationen
Info öffnet ein Informationsfenster, in welchem man Gruppen, Files und Targets in dem Projekt bearbeiten oder einfach nur ansehen kann
Search filtert die Objekte, welche im “Detail View” angezeigt werden

#4.3

Projektfenster | Group & Files List

Static Groups(gelbe Icons) | Source Groups (violette Icons) Organisation von Source-Files: Header-files, Implementation-files, Frameworks und Andere
Targets ein Target enthält Anweisungen, wie eine Softwarekomponente bzw. ein Produkt erstellt wird
Executables enthält alle Executables eines Projekts
Errors and Warnings enthält eine Liste aller Fehler und Warnungen die beim Ausführen entstehen
Find Results enthält die Ergebnisse aller Suchen eines Projekts
Bookmarks listet alle Locations eines Files oder innerhalb eines Files auf
SCM enthält alle Files die Source-Control-Informationen enthalten
Project Symbols enthält alle Symbols des Projekts
Implementation Files Implementation-files mit Extension c, cpp, m…
NIB Files Benutzeroberflächen-files (UI-files)

#5

Console

Ein weiteres in Xcode eingebautes Feature ist die Console, die man mit der Tastenkombination ⇧  R oder einem Klick auf Run | Console öffnen kann.

#6

Debugger

Falls bei der Kompilierung Fehler auftreten sollten, kann man dies sehr gut im Debugger, den man entweder mit Klick auf Run | Debugger in der Menuzeile, oder durch eintippen der Tastenkombination ⇧  Y öffnen kann.

Der erste Schritt in Richtung iPhone-Entwickler

admin — Wed, 03 Jun 2009 16:52:16 +0000

#1 – Standard Program

$99

Das erste Programm ist für alle iPhone Entwickler, die entweder kostenlose oder kostenpflichtige Programme für iPhones oder iPod touchs im App Store verkaufen wollen. Bei diesem Programm bekommt man zur Zeit vollen Zugriff auf die Beta von iPhone OS 3, das iPhone SDK 3.0, das iPhone SDK 2.2.1, alle iPhone Developer Center Ressourcen, die Möglichkeit auf eigenen Geräten Programme zu testen sowie Code-Level technischen Support, die Beta des Apple Developer Forums und auf den App Store.

#2 – Enterprise Program

$299

Das zweite Programm ist für Firmen mit 500 oder mehr Angestellten, die intern Programme auf iPhones oder iPod touchs verwenden wollen, d.h. sie dürfen in ihrer Firma eigene Programme auf alle iPods und iPhones laden, aber nicht im App Store verkaufen, was auch der einzige Unterschied zum Standard Programm ist.

Anmeldung

Möchte man aber nur auf seinem eigenem Computer, der intel-basiert ist und auf dem Mac OS X Leopard läuft, kann man sich kostenlos die iPhone SDK Version ~~2.2.1~~ ~~3.0~~ 3.1 herunterladen. Dazu muss man sich nur hier anmelden, einloggen und das SDK herunterladen.

Der erste Schritt in Richtung Mac-Entwickler

admin — Wed, 03 Jun 2009 16:52:15 +0000

#1 – ADC Online Membership

kostenlos

Die erste Möglichkeit einer Mitgliedschaft ist die kostenlose ADC Online Membership, sie ermöglicht den Download der Developer Tools, Einsicht in Einführungs Coding Headstarts und beschränkten Zugriff auf die ADC in iTunes – am besten für Programmiereinsteiger, nicht kommerzielle Programmierer oder Personen die einfach nur die Developer Tolls herunterladen möchten…

#2 – ADC Student Membership

$99

Diese Mitgliedschaft ist speziell für Studenten, damit diese ihre Programmierfähigkeiten verbessern können. Sie unterscheidet sich von der kostenlosen Mitgliedschaft nur dadurch, dass man einmalig die Möglichkeit hat das Hardware Purchase Program zu nutzen.

#3 – ADC Select Membership

$499

Die nächste, $400 teurere, Mitgliedschaft bietet schon mehr, vollen Zugriff im Software Seeding Program, Coding Headstarts und ADC on iTunes sowie zweimal im Jahr die Nutzung des Technischen Supports, zwei Tage im Monat Compatibility Labs Verwendung und einmal im Jahr der Einsatz des Hardware Purchase Programs.

#4 – ADC Premier Membership

$3499

Für die absoluten Profis gibt es dann noch eine weitere Mitgliedschaft, sie hat zusätzlich zu allen Angeboten der Select Membership, noch ein WWDC Ticket, acht statt zwei Mal Technischen Support, drei statt zwei Tage pro Monat Nutzung der Compatibility Labs und statt einem, zehn Systeme pro Jahr (Hardware Purchase Program)

Anmeldung

Der erste Schritt in Richtung Mac-Entwickler ist der Download der Developer Tools und da man die mit der kostenlosen Online Mitgliedschaft bekommt, würde ich diese für Programmierneulinge empfehlen, auch ich verwende nur die Online Mitgliedschaft und komme damit aus…

Die Anmeldung findet man hier – Nach erfolgreicher Anmeldung kann man sich bei der Apple Developer Connection anmelden und anschließend unter Downloads | Developer Tools die Developer Tools herunterladen.