swift详解之二十二-----------UINavigationController的基本用法和页面传值几种方式

偏执的太偏执、 2022-08-04 14:53 438阅读 0赞

## UINavigationController的基本用法和页面传值几种方式 ##

`本文介绍UINavigationController基本用法，因为涉及多页面顺便介绍页面传值`

--------------------

### 1、手写代码创建`UINavigationController` ###

手写方式创建很简单 ， 首先创建一个项目 ， 默认是从`storyboard` 加载的。这时候首先去掉默认加载方式 。  
![这里写图片描述][20150903181122062]

然后在`AppDelegate.swift` 的`didFinishLaunchingWithOptions` 中创建  
代码如下：

func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {
            // Override point for customization after application launch.
    
            //在这里用代码来创建NavigationController
            window = UIWindow(frame: UIScreen.mainScreen().bounds)
            window?.makeKeyAndVisible()
    
            UINavigationBar.appearance().tintColor = UIColor.whiteColor()
            UINavigationBar.appearance().barTintColor = UIColor(red: 231.0/255.0, green: 95.0/255.0, blue: 53.0/255.0, alpha: 0.3) //修改导航栏背景色
            UINavigationBar.appearance().titleTextAttributes = [NSForegroundColorAttributeName:UIColor.whiteColor()] //为导航栏设置字体颜色等
            let rootCv = ViewController();
            let nav = UINavigationController(rootViewController: rootCv)
            window?.rootViewController = nav
    
            return true
        }

不要一看这么多代码，其实没这么多 。`UINavigationBar` 开头的都是为这个导航栏设置的样式。完全可以不要用默认的，主要就5行 ，前两行创建`window` 并让`window`显示 ， 后三行创建导航控制器 ， 并设置跟控制器 ，然后把`window`的根控制器设置成这个导航控制器 。这样就OK了。

运行后发现有黑框 ，暴力解决 ，设置下背景色就行了 。然后再添加个 `BarButtonItem` 什么的

self.view.backgroundColor = UIColor.whiteColor()
            self.navigationItem.rightBarButtonItem = UIBarButtonItem(title: "Next", style: .Plain, target: self, action: "goNext:")
            self.title = "导航标题"  //设置导航栏title（不是  self.navigationController?.title 哦！）
            self.navigationItem.backBarButtonItem = UIBarButtonItem(title: "我把返回修改了", style: .Plain, target: nil, action: nil)

这里最后一句是修改了返回的`BarButtonItem` 文字 ， 这里设置了标题，又加了个`rightBarButtonItem` 注册了事件`goNext` 我们来实现下。

func goNext(sender:AnyObject){
            print("去下一个咯")
            let mainVc = UIStoryboard(name: "Third", bundle: nil).instantiateViewControllerWithIdentifier("three") as UIViewController
            self.navigationController?.pushViewController(mainVc, animated: true)
        }

一看这个又晕了 ，中间那些是什么呀 。。首先我们从`storyboard`创建了一个控制器（手写的看过了，为了多学点知识） ，这里的`instantiateViewControllerWithIdentifier` 中的`three` 如下设置  
![这里写图片描述][20150903182949485]

然后`push`进去 。 导航控制器是采用栈的方式先进后出 ， 用push和pop 。那个`storyboard` 中很简单就放了一个`Label` 和一个`Button` ，等会再介绍那个 ，先看看效果

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

然后我们给那个按钮也注册个事件 ，这里直接拖就行了。  
实现如下

@IBAction func showTabBar(sender: AnyObject) {
            let mainVc = UIStoryboard(name: "Main", bundle: nil).instantiateViewControllerWithIdentifier("second") as! UINavigationController
            self.presentViewController(mainVc, animated: true) { () -> Void in
    
            }
        }

这里还是从`storyboard` 中加载控制器 ， 但是却用了`presentViewController` ，因为导航控制器不让push导航控制器 ，这边主要是像演示通过`storyboard` 创建导航控制器

### 2、 通过storyboard 创建UINavigationController ###

如果你跟我一样用`Main.storyboard` , 可以先删除默认的那个控制器 ， 从右边拖出来一个`UINavigationController` ，这个会默认带一个`UITableViewController` , 删掉，拖一个普通的`UIViewController` 。选中`UINavigationController` 右键拖到那个`UIViewController` 选择`rootViewController`就行了 。然后可以自己拖`BarButtonItem` 也可以在代码中写 。我这边是拖进来的  
![这里写图片描述][20150903183845349]

就是这么拖的 ， 因为我这边拖过了就不再拖了，注册事件也是拖，跟button一样的。就不再演示 。

这时候运行效果。  
![这里写图片描述][20150903184116964]

这里是用`presentViewController` 弹出的返回用`dismissViewControllerAnimated`

@IBAction func goBack(sender: UIBarButtonItem) {
            self.dismissViewControllerAnimated(true) { () -> Void in
                print("返回")
            }
        }

导航控制器基本操作很简单 ，下面看下载不同页面中正反传值

### 3、页面传值的几种方式 ###

*  正面反面传值 （协议）

大家看到那个页面我们放了三个按钮和一个输入框 ，按钮都注册了事件。然后手写了一个新的控制器 ，里面是一个返回按钮和几个`label` 还有一个输入框 。

当我们点击第一个按钮的时候进入下一个控制器 ， push进去的 ，那个控制器有个方法 。

func  passParams(tmpStr: String){
            lb.text = tmpStr
        }

所以我们在push前，调用这个方法正面传值， 当然你可以直接给他的共有属性赋值。

let vc = ViewControllerFour()
    let value = tf1.text
    vc.passParams(value!)
            self.navigationController?.pushViewController(vc, animated: true)

很简单， `lb.text = tmpStr` 会把传过来的值赋值给`label` 。

反向传值这里使用了代理，先声明一个协议

protocol ParameterDelegate{
        func passParams(tmpStr: String)
    }

然后在我们第一个页面实现这个协议 。实现对应的方法

func passParams(tmpStr: String){
            tf1.text = tmpStr
        }

然后在第二页面声明代理为自己的变量

var delegate:ParameterDelegate?

在push之前把自己设置为第二个页面的代理

let vc = ViewControllerFour()
     vc.delegate = self  //通过代理进行反向传值
     let value = tf1.text
     vc.passParams(value!)
            self.navigationController?.pushViewController(vc, animated: true)

注意到没，比刚才多一句话

OK ，这样就搞定了。来看效果 ！  
![这里写图片描述][20150903185436720]

*  第二种方法 （通过segue进行的传值）

直接通过`storyboard`拖拽， 话说`storyboard`做界面还真方便 ， 需要好好研究一下

重新拖一个控制器然后连线，我这边已经拖好了，我就演示下连线

![这里写图片描述][20150903190153959]  
然后在代码中

//通过segue进行的传值
        override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {
            if segue.identifier == "toshow" {
                let vc = segue.destinationViewController as! ViewControllerTwoShow
                vc.tmpStr = tf1.text
                //vc.setValue(tf1, forKey: "tmpStr")
            }
        }

在目标控制器中定义了变量`tmpStr` （后面会把代码分享出来）

看下效果  
![这里写图片描述][20150903190540317]

*  通过通知的方式

let vc = ViewControllerFour()
            vc.delegate = self  //通过代理进行反向传值
    
            self.presentViewController(vc, animated: true) { () -> Void in
    //发布一条通知NSNotificationCenter.defaultCenter().postNotificationName("DefaultNotif", object:self.tf1.text)
            }

先注册一个通知 ， 展现界面完成的时候发布一个通知 。在另一个界面的`viewWillAppear`接收通知 。

override func viewWillAppear(animated: Bool) {
            //self.navigationController?.hidesBarsOnSwipe = true
            self.navigationController?.setNavigationBarHidden(true, animated: true) //隐藏导航栏
    
            NSNotificationCenter.defaultCenter().addObserver(self, selector: "doSomeT:", name: "DefaultNotif", object: nil)
        }

对应方法

func doSomeT(title:NSNotification){
            lb1.text = title.object as? String
        }

看看效果 ：  
![这里写图片描述][20150903190925291]

大概就这么多吧 ， 最后把源码发上来吧， 语文不太好估计没讲清楚，大家可以看源码。以后源码都放这个地址了（觉得还行的话给个`star` 哦）  
[githubSwiftStudy][]

[20150903181122062]: /images/20220731/1a8a24c1eb7b43e5a5be49d3cee5f1a7.png
[20150903182949485]: /images/20220731/857dbb3773fe4a5b91d13e9ebd447053.png
[20150903182622720]: /images/20220731/4b015f60e2404085ab28236c3bf05ef1.png
[20150903183845349]: /images/20220731/fe22a1cb8aeb4c429296039ff4a51d0b.png
[20150903184116964]: /images/20220731/816360b378f04cad92ac63b48e028ada.png
[20150903185436720]: /images/20220731/5a6b4b2797764baf9fbfd557f27e8854.png
[20150903190153959]: /images/20220731/78e31d3175d84521bb8051ec924246a5.png
[20150903190540317]: /images/20220731/eb0cbc10316d432994f9320e90240535.png
[20150903190925291]: /images/20220731/09fadc66130d48b0b3bd7dd548a10f7e.png
[githubSwiftStudy]: https://github.com/smalldu/SwiftStudy