Tab-Bar-Workshop mit Xcode 4.2

In diesem Workshop erstellen Sie die Steuerung zweier Views über eine Tab-Bar. Starten Sie ein Xcode-Projekt, und wählen Sie als Vorlage eine Window-based Application aus. Im nächsten Fenster vergeben Sie den Namen TabBar für Ihr Projekt. Wählen Sie unter Device iPhone aus, und stellen Sie sicher, dass die Option Use core data deaktiviert ist.

Die nächste Aufgabe besteht darin, in der Datei TabBarAppDelegate.h diesen Code einzugeben:

#import <UIKit/UIKit.h>
@interface TabBarAppDelegate : NSObject <UIApplicationDelegate> {
UITabBarController *tabController;
}
@property (nonatomic, retain) IBOutlet UIWindow *window;
@property (nonatomic, retain) IBOutlet UITabBarController *tabController;
@end

In der Datei TabBarAppDelegate.m geben Sie diesen Code ein:

#import "TabBarAppDelegate.h"
@implementation TabBarAppDelegate
@synthesize window=_window;
@synthesize tabController;
- (BOOL)application:(UIApplication *)application
didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
// Override point for customization after application launch.
[self.window addSubview:tabController.view];
[self.window makeKeyAndVisible];
return YES;
}
.
.
@end

Wählen Sie danach im Projektbaum die Datei MainWindow.xib an. Damit laden Sie die Arbeitsumgebung des Interface-Builders, und ein View erscheint.

Nun erstellen Sie einen zweiten Tab-Bar-Controller. Dazu wählen Sie in der rechten unteren Ecke des Fensters einen Tab-Bar-Controller aus und ziehen diesen in das Dock unter das dort angezeigte Window. Sie sehen, dass sich ein zweites View auf der Arbeitsfläche des Interface-Builder aufgebaut hat.

Bisher haben wir nur ein View mit einem Tab-Bar-Controller. Für das Projekt werden aber zwei benötigt. Um den zweiten Controller mit einem NIB-File mit der Dateiendung .xib anzulegen, gehen Sie wie folgt vor:

Wählen Sie im Projektbaum den Ordner TabBar an, und klicken Sie mit einem Ctrl-Klick auf den Ordner.

Ein Menü springt auf.

Wählen Sie dann aus dem Menü den Menüpunkt new File an.

Im nächsten Fenster erhalten Sie eine Auswahl der verschiedenen Vorlagen.

Wählen Sie im linken Bereich der Fensters iOS Cocoa Touch an. Im Fenster daneben wählen Sie die Vorlage UIViewController subclass. Quittieren Sie mit Next.

Nun haken Sie die Option With XIB for user interface an. Quittieren Sie wieder mit Next. Sie haben die Voraussetzungen für das zweite Tab-View geschaffen und können nun die Connections erstellen.

Im ersten Schritt verbinden Sie das App Delegate Outlet mit dem Tab-Bar-Controller. Wählen Sie in der Datei MainWindow.xib mit einem Ctrl-Klick das Tab-Bar-App- Delegate-Icon an, und ziehen Sie die blaue »result line« auf das Tab-Bar-Controller- Icon.

Jetzt wählen Sie im Projektbaum die Datei ScreenOneViewController.xib an.

Ganzen Artikel lesen...