第一个Xcode项目(3) - 返回按钮自定义

[相关信息:Xcode7.2 ; Swift2.0]

先回顾一下效果图


第一个Xcode项目(3) - 返回按钮自定义_第1张图片
看起来还不错的设计图

前面做第二个页面的时候特意没有把返回按钮设定起来,现在我们就自定义一下返回按钮吧


第一个Xcode项目(3) - 返回按钮自定义_第2张图片
现在添加页面的返回按钮

第一个Xcode项目(3) - 返回按钮自定义_第3张图片
自定义返回按钮
设置好以后运行下APP看下效果如何 (Command+R)
第一个Xcode项目(3) - 返回按钮自定义_第4张图片
返回按钮自定义以后的效果

嗯,看起来很不错。但是......立马就发现了一个问题,页面返回不了了!!!

那是因为我们自定义的按钮上面什么代码也没有,只有一个图标而已。所以我们需要给它写!代!码!写代码我选择简单的写,所以码起来~~

第一个Xcode项目(3) - 返回按钮自定义_第5张图片
添加返回按钮的事件
连接以后SB (Main.storyboard)里面界面好些有些乱,不管它,选运行APP看起来效果 (Command+R)
运行APP的效果
这效果好像不对,因为它在不断新建页面,然后叠加到上面,如果一直这样下去会对内存造成影响,内存会不断累积。而且!这不是返回啊~~

那只好把刚才那一步删了重新找办法了 (Command+Z) 撤销


第一个Xcode项目(3) - 返回按钮自定义_第6张图片
为第一页绑定类 (写代码用的)

第一个Xcode项目(3) - 返回按钮自定义_第7张图片
在ViewController里面添加代码
class ViewController: UIViewController, UIGestureRecognizerDelegate {

  override func viewDidLoad() {
      super.viewDidLoad()
      // Do any additional setup after loading the view, typically from a nib.
      navigationController?.interactivePopGestureRecognizer?.delegate = self      
  }

  override func didReceiveMemoryWarning() {
      super.didReceiveMemoryWarning()
      // Dispose of any resources that can be recreated.
  }
}

添加完代码之后运行APP发现,左边缘往右滑的手势已经实现返回,接下来就是为返回图标添加返回代码

首先我们在ViewController.swift里面添加一个back方法

class ViewController: UIViewController, UIGestureRecognizerDelegate {

  override func viewDidLoad() {
      super.viewDidLoad()
      // Do any additional setup after loading the view, typically from a nib.
      navigationController?.interactivePopGestureRecognizer?.delegate = self      
  }

  override func didReceiveMemoryWarning() {
      super.didReceiveMemoryWarning()
      // Dispose of any resources that can be recreated.
  }

  @IBAction func back(segue: UIStoryboardSegue) {
      print("closed")
   }
}
第一个Xcode项目(3) - 返回按钮自定义_第8张图片
返回按钮关联退出方法

最后我们运行APP看下效果 (Command+R)


运行APP的效果

好,效果很完美。PS:在点击返回按钮的时候,back的方法会执行,所以我们会在Debug里看到输出信息closed。

收工~

你可能感兴趣的:(第一个Xcode项目(3) - 返回按钮自定义)