（八）swift 中UINavigationController 中的一些操作

布满荆棘的人生 2022-08-17 15:28 212阅读 0赞

## 1、 推拽使用UINavigationController ##

XCode 自动生成两个UI界面。  
![这里写图片描述][20151130133105001]

NativeController：继承自UINavigationController，后台swift 实现类需继承。示例代码如下：

import UIKit  
class HomeNavigationController : UINavigationController \{

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

TableView（Prototype Content）：继承自UITableViewController，后台swift 实现类需要继承。示例代码如下：

import UIKit  
class HomeTableViewController : UITableViewController \{

override func viewDidLoad() {
        super.viewDidLoad()
               print("HomeTableViewController");

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

## 2、 关联视图和后台 ##

选择 Home Navigation Controller 视图  
![这里写图片描述][20151130133147869]

右侧切换到身份识别，Class 处填入 HomeNavigationController  
![这里写图片描述][20151130133223929]

按照HomeNavigationController 的方法，填入TableView

## 3、 改变UINavigationController的背景 ##

方法1：通过界面方式

调整选项卡至 Attributes inspector （属性识别器）  
![这里写图片描述][20151130133256727]

Bar Tint属性： 选择颜色  
![这里写图片描述][20151130133357374]  
![这里写图片描述][20151130133435084]

方法2：后台代码  
HomeNavigationController -> ViewDidLoad() \{

super.viewDidLoad()

// 改变 navigationBar 颜色  
self.navigationBar.barTintColor = UIColor.blackColor()  
\}

方法3：后台代码，变量方式  
按住 control拖拽 Main.storyboard (双击打开) 内的“Home Navigation Controoler” 内的 Home Navigation Bar ,至 HomoNavigationController.swift（单击打开） ，在弹出窗口的Name 处填入 homeNavigationBar  
Swift代码自动生成变量 @IBOutlet weak var homeNavigationBar: UINavigationBar! （此代码可自动生成）

![这里写图片描述][20151201092924495]  
![这里写图片描述][20151201093018798]

调整后运行，结果如下： ![这里写图片描述][20151130133529738]

## 4、 改变Title（文字和图片） ##

方式1：无代码  
选择视图中“Table View” 下的 UINavigationItem，并在右侧切换到“Attributes inspector” （属性识别器），  
在Title 中填入“Title”。  
![这里写图片描述][20151130133600833]

方式2：通过代码  
在 HomeTableViewController 的 viewDidLoad 函数内 加入

super.viewDidLoad()  
print(“HomeTableViewController”)  
// 改变标题  
self.navigationItem.title = “helloTitle”

方法3:通过代码，使用label（此方式能实现仅显示文字）  
在HomeTableViewConroller 内新增一个方法

// title上仅含有文字  
func showTitle()\{

let rect = CGRect(x: 0, y: 0, width: 100, height: 30)  
let label = UILabel(frame: rect)  
label.text = “OA办公”  
label.textColor = UIColor.whiteColor()  
self.navigationItem.titleView = label  
\}  
在 viewDidLoad 内调用 showTitle();

方法1、2、3修改Title 后运行结果如下：  
![这里写图片描述][20151130133735049]

方法4：通过代码，图片加文字共同显示  
在HomeTableViewConroller 内新增一个方法

// title上含有图片和文字  
func showTitleImage()\{

let rect = CGRectMake(0,  0, 160, 30)
        let ImageView = UIImageView(frame: rect)
    
        let button = UIButton(type: .Custom)
        button.frame = CGRectMake(0, 0, 160, 30)
        button.setTitle("OA办公", forState:UIControlState.Normal)
        button.setImage(UIImage(named: "home-logo"), forState: .Normal)
    
        ImageView.addSubview(button)
        self.navigationItem.titleView = ImageView

在 viewDidLoad 内调用 showTitleImage();  
调用运行结果如下：  
![这里写图片描述][20151201141409974]

[20151130133105001]: /images/20220731/1106651c16f84693b2b28bf235b835f1.png
[20151130133147869]: /images/20220731/470f27b72e704359b14a79455a0dff32.png
[20151130133223929]: /images/20220731/006f172c326a4ba190dadd741df801cc.png
[20151130133256727]: /images/20220731/fde0bde295ba4f50b075f7ccf6182bca.png
[20151130133357374]: /images/20220731/4081f697d2224f97bc36bbb9c53f9038.png
[20151130133435084]: /images/20220731/55b3534f2894420c9b0ddff9628900d2.png
[20151201092924495]: /images/20220731/7298233a710043888e9363f28ae5ded0.png
[20151201093018798]: /images/20220731/8e341212b31d4127b0ebce3f271f28ad.png
[20151130133529738]: /images/20220731/e4bb09fe94ae421f8d62b98489da3df1.png
[20151130133600833]: /images/20220731/7d51ba40cafe4176916ecb67e69713ed.png
[20151130133735049]: /images/20220731/e4d3b1cd8bdb44d5a184efaaa46c94d3.png
[20151201141409974]: /images/20220731/cfeba2b54d804fb2ae236471374b7e16.png