网站建设资讯

NEWS

网站建设资讯

iOS开发那些事-nib实现标签导航-创新互联

nib实现标签导航

成都创新互联公司专注于企业成都全网营销推广、网站重做改版、五河网站定制设计、自适应品牌网站建设、H5建站商城开发、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为五河等各大城市提供网站开发制作服务。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1. - (BOOL
  2. return

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

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

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

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

  1. - (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil 
  2. if
  3. //NSLocalizedString(@”First”, @”First”);
  4. "hei"
  5. return

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

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

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

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前文章:iOS开发那些事-nib实现标签导航-创新互联
URL分享:http://cdweb.net/article/docpes.html