simra » iphone

iPhone Tutorial 2 (Interface Builder – Downloader)

admin — Mon, 08 Feb 2010 19:54:41 +0000

In diesem Tutorial geht es darum ein einfaches iPhone-App zu erstellen, dass eine beliebige Url herunterläd und den Inhalt ausgibt. Zusätzlich wird der Interface Builder kurz vorgestellt.

Wenn die iPhone SDK bereits installiert wurde, erscheint das folgende Fenseter mit den iPhone Projekt Templates. Wir wählen das Letzte “Window-Based Application” und nennen das Projekt “downloader”.

Wenn wir unmittelbar nach dem Erstellen des Projekts auf “Build and Go” klicken erscheint ein leeres Fenster. Als nächstes werden wir ein kleines Formular mit Textbox, Button und Textarea kreieren.

Dazu öffnen wir die Datei MainWindow.xib (Mehr zur Bedeutung der Standard Dateien finden Sie hier). Das ist die Ansicht (View), die als Erstes gestartet wird.

Wenn sich der Interface-Builder gestartet hat, fügen wir über die Library ein UITextField, ein UIButton und ein UITextView zum leeren Fenster hinzu. Dannach sollte das Fenster wie folgt aussehen.

Als nächstes müssen wir die Delegationen für diese drei Elemente (UITextField, UIButton und UITextView) definieren.
Dies geschiet in der Header-Datei downloaderAppDelegate.h.

#import

@interface downloaderAppDelegate : NSObject {
UIWindow *window;
// Die Url-Eingabe
IBOutlet UITextField * url;
// Die Ausgabe
IBOutlet UITextView * content;
}

// Unser Download-Button
- (IBAction)download:(id)sender;

@property (nonatomic, retain) IBOutlet UIWindow *window;

@end

Die Funktion IBAction wird später der Click-Event des Download-Buttons.

Jetzt müssen wir die beiden deklarierten IBOutlet und unsere IBAction mit den Elementen verknüpfen. Dazu öffnen wir wieder die Datei MainWindow.xib und somit den Interface-Builder. Um ein Element zu verknüpfen kann der Connections Inspector verwendet werden oder es wird mit der rechten Maustaste auf das gewünschte Objekt geklickt (siehe folgende Abbildungen).

Rechtsklick auf das UITextField und im Menu rechts neben “New Referencing Outlet” auf den Kreis klicken und mit der Maus auf downloaderAppDelegate ziehen und Variable url auswählen.

Nun verknüpfen wir den Button mit der IBAction, damit wir später den Click-Event bekommen.

Rechtsklick auf den UIButton und im Menu rechts neben “Touch Up Inside” auf den Kreis klicken und mit der Maus auf downloaderAppDelegate ziehen und Variable download auswählen.

Jetzt brauchen wir noch das UITextView zu verknüpfen. Das geschieht gleich wie beim UITextField.

Wenn das getan ist und das Progamm immer noch startet, können wir mit dem eigentlichen Programmieren beginnen.
Dazu öffnen wir die Datei downloaderAppDelegate.m und passen den Code wie folgt an.

#import "downloaderAppDelegate.h"

@implementation downloaderAppDelegate

@synthesize window;

- (void)applicationDidFinishLaunching:(UIApplication *)application {

//Starttext
content.text = @"Enter a url and press \"Download\"";

//Url Vorschlag
url.text = @"http://www.simra.ch/";

// Override point for customization after application launch
[window makeKeyAndVisible];
}

//Click Event des Download Buttons
- (IBAction)download:(id)sender
{
//Statustext
content.text=@"downloading...\nplease wait...";

//Url anfordern
NSURLRequest *req=[NSURLRequest requestWithURL:[NSURL URLWithString:url.text]
cachePolicy:NSURLRequestUseProtocolCachePolicy
timeoutInterval:30.0];

NSURLResponse *res = nil;
NSError *err = nil;
NSData *dat = [NSURLConnection sendSynchronousRequest: req returningResponse: &res error: &err];

if(res){
NSString * str = [[NSString alloc] initWithData:dat encoding:NSUTF8StringEncoding];
content.text =str;
} else {
// Vorgang fehlgeschlagen -> Meldung ausgeben
content.text = @"Url couldn't be downloaded...";
UIAlertView *msg = [[UIAlertView alloc] initWithTitle: @"Error" message: @"Url couldn't be downloaded" delegate: self cancelButtonTitle: @"Ok" otherButtonTitles: nil];
[msg show];
[msg release];
}
}

- (void)dealloc {
[window release];
[super dealloc];
}

@end

Das ganze Projekt kann hier heruntergeladen werden.

iPhone Tutorial 1 (UITableView)

admin — Sun, 07 Feb 2010 20:39:34 +0000

In diesem ersten Tutorial geht es darum ein einfaches iPhone-App betehend aus einem UITableView zu erstellen. Es soll zeigen, wie ein Text in eine Zelle dieser Table-Übersicht geschrieben wird.

Wenn die iPhone SDK bereits installiert wurde, erscheint das folgende Fenseter mit den iPhone Projekt Templates. Wählen Sie das Erste “Navigation-Based Application” und geben Sie ein Projektname (Hier tutorial-1).

Wenn Sie unmittelbar nach dem Erstellen des Projekts auf “Build and Go” klicken erscheint eine leere Table-Übersicht. Als nächstes werden wir eine neue Zeile mit Text hinzufügen.

Dazu öffnen Sie die Datei RootViewController.m (Mehr zur Bedeutung der Standard Dateien finden Sie hier). Das ist der View-Controller, also hier der TableView der zur Hauptansicht (main view) hinzugefügt wird.

Suchen Sie die Funktion numberOfRowsInSection.

// Customize the number of rows in the table view.
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
return 1;
}

Hier wird die Anzahl der Zeilen festgelegt. Ändern Sie den Rückgabewert von 0 auf 1, um dem Programm mitzuteilen, dass wir eine Zeile haben wollen.

Als nächstes muss die Funktion cellForRowAtIndexPath angepasst werden. Diese Funktion wird für jede Zeile einmal aufgerufen. Hier kann auch der Zellentext gesetzt werden.

// Customize the appearance of table view cells.
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

static NSString *CellIdentifier = @"Cell";

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil) {
cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:CellIdentifier] autorelease];
}

// Set up the cell...
[cell setText:@"Hier kommt unser Text"];

return cell;
}

Der Funktion wurde nur der Aufruf der Methode setText der Zelle mit dem Parameter “Hier kommt unser Text” hinzugefügt. Dass “@” muss beim Objective-C vor jedem String stehen.
[cell setText:@"Hier kommt unser Text"];

Wenn Sie jetzt wieder auf “Build and Go” klicken erscheint der Text “Hier kommt unser Text” in der Zelle.

iPhone SDK Standard Dateien

admin — Sun, 07 Feb 2010 11:57:29 +0000

Nach dem Sie ein neues iPhone Projekt erstellt haben, finden Sie diverse vordefinierte Dateien. Im folgenden wird die Bedeutung dieser Dateien kurz erläutert.

CoreGraphics.framework, Foundation.framwork, UIKit.framework – Das sind die Library-Files, die von Apple für die iPhone Programmierung mitgeliefert werden. Sie werden ganz normal als Includes wie in anderen Programmiersprachen eingebunden.
Projekt-Name.app – Das ist die Programmdatei, die anschliessend auf dem iPhone installiert wird.
MainWindow.xib – .xib Datien sind Interface-Builder-Dateien, die visuelle Information (Buttons, Textboxen etc.) enthalten. Die MainWindow.xib ist die Hauptansicht, die zuallererst getartet wird. Wir eine .xib Datei doppelt angeklickt, öffnet sich der Interface Builder.
Projekt-NameAppDelegate.h – Das ist die Header-Datei unsere Hauptansicht. Sie enthät alle Definitionen für Variablen, die gebraucht werden. Sie entspricht in etwa einer Header-Datei in C oder C++.
Projekt-NameAppDelegate.m – Sie ist der Startpunkt unseres Programms und enthält die Funktionen für unsere Hauptansicht. Sie wird von der Datei main.m aufgerufen.