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.

simra » UITableView

iPhone Tutorial 1 (UITableView)