用stroyboard同时添加TabBarController和NavigationController并给TabBarItem添加图片

最新推荐文章于 2022-02-08 23:09:22 发布

renzibei

最新推荐文章于 2022-02-08 23:09:22 发布

阅读量580

点赞数 3

CC 4.0 BY-SA版权

分类专栏： objective-c 文章标签：移动开发 ios

本文链接：https://blog.youkuaiyun.com/renzibei/article/details/79337240

objective-c 专栏收录该内容

5 篇文章

订阅专栏

这篇博客介绍了如何在iOS应用中通过Storyboard同时添加Tab Bar Controller和Navigation Controller，并详细阐述了为Tab Bar Item添加图片的步骤，包括从设置图片大小、文件名到将图片拖入工程并指定的方法。

用storyboard的操作给程序加上Tab Bar 和 Navigation Controller的方法都是很容易找到的，但是同时用storyboard完成这两者的较少，故总结一下。
完成过程中参考了http://blog.youkuaiyun.com/nextstudio/article/details/42120017
首先，用storyboard创建一个Tab Bar控制的三个（不一定三个）ViewController（先对原有的ViewController用Editor->Embed in->Tab Bar Controller,然后添加拉取一个ViewController并创建对应的ViewController类,并在storyboard中右键Tab Bar Controller连线到第二个页面，同样可以创建更多的页面），总而言之就是单独创建Tab Bar控制的页面的方法，可以查到。

然后在Storyboard中选中一个ViewController,用Editor->Embed in->Navigation Controller方法创建导航栏，然后就会发现Storyboard中这个页面的前面多了一个Navigation Controller，同理可以给其他页面创建导航栏。
效果如图
示例图1

给Tab Bar Item添加图片

Tab Bar Item如果没有图片是单调的，选中如图的Bar Item 示例图2
然后在attributes inspector中设置Tab Bar Item按钮的标题和图片，可以在attributes inspector中选择预设的一些系统按钮选项，也可以自己定义，如图。示例图3
要注意的是图片的大小，可以去看卡Apple的人机交互开发指南https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/custom-icons/
里面写了普通的TabBarItem图片可以设成75*75像素的大小，注意文件名要有@3x.png结尾（如果是png）,如果是50*50的大小，就要以@2x.png结尾。
先把图片大小和文件名设置好，然后拖进工程，然后就可以直接在attributes inspector中指定图片了。