（七）swift新建首页(整合TabBar和NavigationBar)

爱被打了一巴掌 2022-08-17 15:22 230阅读 0赞

## 1、 XCode 新建项目 ##

Create a new Xcode project ，类型为 Tabbed Application，新建过程参考之前教程。

## 2、 删除其他文件 ##

找到Main.storyboard 文件单击，保留 Tab bar Controller，剩余全部删除。

## 3、 拖入UINavigationController ##

在Filter 输入“UINavigationController”  
![这里写图片描述][20151129163540448]

## 4、 推拽仅剩的一个图标，放置于中心编辑区域。 ##

## 5、 新建NavigationBar后台文件 ##

名称为 HomeNavigationController.swift，粘贴以下代码

import UIKit  
class HomeNavigationController : UINavigationController \{  
override func viewDidLoad() \{  
super.viewDidLoad()  
print(“HomeNavigationController”);  
\}

override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }

## 6、 新建TableView后台文件 ##

文件名“HomeTableViewController.swift”，粘贴以下代码  
import UIKit  
class HomeTableViewController : UITableViewController \{  
override func viewDidLoad() \{  
super.viewDidLoad()  
print(“HomeTableViewController”);  
\}  
override func didReceiveMemoryWarning() \{  
super.didReceiveMemoryWarning()  
\}  
\}

## 7、 修改title为”home” ##

点选下图中心区域 ![这里写图片描述][20151129163629310]，右侧的 ![这里写图片描述][20151129163658226]，编辑title![这里写图片描述][20151129163739549]

下图为完整操作图  
![这里写图片描述][20151129163809239]

## 8、 修改Navigation Bar 后台文件 ##

![这里写图片描述][20151129163839458]

## 9、 修改TabelView后台文件 ##

![这里写图片描述][20151129163901460]

## 10、 修改TableView Navigation Item 标题 ##

![这里写图片描述][20151129163934706]

## 11、 修改NavigationBar背景颜色 ##

![这里写图片描述][20151129163955328]

## 12、 结束编辑运行 ##

![这里写图片描述][20151129164020950]  
All Output 输出：HomeNavigationController  
HomeTableViewController

[20151129163540448]: /images/20220731/ca5575242b274304a7ad259a493a9534.png
[20151129163629310]: https://img-blog.csdn.net/20151129163629310
[20151129163658226]: https://img-blog.csdn.net/20151129163658226
[20151129163739549]: /images/20220731/8668a47824c14cb38291192e319202b8.png
[20151129163809239]: /images/20220731/d8a1ad9c2d4b42f28f35a2fd3a7931da.png
[20151129163839458]: /images/20220731/dd7ac6b107bc47b7a9dad04cc4da5878.png
[20151129163901460]: /images/20220731/22076546d73b4c5893246384396cbc4a.png
[20151129163934706]: /images/20220731/4eaa791799d54ff884c6424198cda522.png
[20151129163955328]: /images/20220731/5e3c64ef5f164b499de9078590ecc8a4.png
[20151129164020950]: /images/20220731/9a2b10a611fe4efbb71a495112022872.png