iOS开发那些事-nib实现标签导航

nib实现标签导航

在目前的Xcode（4.5）版本创建标签导航的应用可以使用工程模板 Tabbed Application。我们可以选择故事板或nib技术实现。故事板创建固然简单，但这种实现方式屏蔽了标签导航很多技术细节，为了更有益于我们学习， 在实现环节我们分别采用了nib技术和storyboard技术。首先我们来看看用nib技术实现的过程。

 

使用“Tabbed Application”模版创建一个名为 “TabNavigationNib”的工程。注意不要勾选“Use Storyborads”。

工 程有两个画面，其中FirstViewController.h和FirstViewController.m是第一个画面的视图控制 器，first.png和[email protected]是标签上的图标，first.png是普通屏幕需要图标，[email protected]是视网膜显示屏幕需 要图标。Second View的画面与FirstView类似。

为了与我们的应用对应， 我们需要将模板生成的视图控制器做一些修改。首先，修改视图控制器的名称，修改类名最好使用Xcode提供的工具，它会将有依赖关系所有代码全部修改（程 序中硬编码的字符串部分除外）。打开FirstViewController.h文件，在代码中双击鼠标选中要重新命名的类名 FirstViewController，右键菜单Refactor→Rename，然后会出现重新输入名字的对话框，输入要修改的类名 “HeiViewController”，接着还有一个预览对话框，如果没有问题点击“Save”按钮保存修改。采用同样的方法将 SecondViewController改为JiViewController。

 

由于使 用工程模板预先生成了两套视图控制器，城市信息需要三个视图控制器，我们可以在模版生成的两个视图控制器的基础上再增加一个视图控制器 “LiaoViewController”，在菜单中选择File->New->File… ，在文件模板中选择iOS→Objective-C出现新建文件对话框，在Class项目中输入 “LiaoViewController”，Subclass of 中选择UIViewController，勾选With XIB for user interface。

 

这个视图控制器创建成功后，为了能够把视图能够很好的放到标签栏应 用中，需要在视图的底部添加标签栏控件，这个控件占有49point，选中视图打开属性检查器，选择Buttom Bar为Tab Bar，这样视图的下面就会出现一个黑框。这样做的目的是为了在设计画面时候提醒我们不要把其它控件放置到标签栏中，否则运行的时候该部分控件就会被标签 栏遮挡。

 将三个视图设计为下图所示的效果，拖拽一些Label控件，摆放好位置，修改成图中所示的城市的名字，然后再修改视图背景的颜色。

完成的时候还需要更换图标，删除原来的四个图标文件，将本书提供的源代码工程的icons文件夹添加到本工程中。

下面我们看看代码部分，应用程序委托对象AppDelegate.m有关代码如下：

 

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions

{

self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];

UIViewController *viewController1 = [[HeiViewController alloc] initWithNibName:@”HeiViewController” bundle:nil];

UIViewController *viewController2 = [[JiViewController alloc] initWithNibName:@”JiViewController” bundle:nil];

UIViewController *viewController3 = [[LiaoViewController alloc] initWithNibName:@”LiaoViewController” bundle:nil];

self.tabBarController = [[UITabBarController alloc] init];

self.tabBarController.viewControllers = @[viewController1, viewController2,viewController3];

self.window.rootViewController = self.tabBarController;

[self.window makeKeyAndVisible];

return YES;

}

这 部分代码是在应用启动的时候调用的，如果是采用故事板构建的话，该方法中没有这部分代码。委托对象有一个属性tabBarController，它是是 UITabBarController类型。UITabBarController是标签栏视图控制器，它的一个重要属性是 viewControllers是NSArray数组类型，用于存放所有是标签栏视图控制器所控制的各个模块的视图控制器。然后通过 self.window.rootViewController = self.tabBarController把标签栏视图控制器放入到window的根视图中。window、标签栏控制器和模块视图控制器之间的关系。

 

应用程序委托对象中的window是UIWindow的实例，每个应用都只有一个UIWindow对象，作为应用的“窗口”，“窗口”中的根视图控制器是标签栏控制器。

我们再看一个模块的视图控制器HeiViewController.m有关代码：

 

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil

{

self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];

if (self) {

self.title = @”黑龙江”;//NSLocalizedString(@”First”, @”First”);

self.tabBarItem.image = [UIImage imageNamed:@"hei"];

}

return self;

}

这是视图控制器的构造方法，在这个方法中self.title设定了标签栏中的标签的文字，        self.tabBarItem.image设定了标签栏中的图标。其它的两个视图控制器与此类似这里不再介绍。

代码编写完毕，运行之后的结果。