Chinaunix首页 | 论坛 | 博客
  • 博客访问: 2618315
  • 博文数量: 877
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 5921
  • 用 户 组: 普通用户
  • 注册时间: 2013-12-05 12:25
个人简介

技术的乐趣在于分享,欢迎多多交流,多多沟通。

文章分类

全部博文(877)

文章存档

2021年(2)

2016年(20)

2015年(471)

2014年(358)

2013年(26)

分类: iOS平台

2015-08-19 17:21:01

如何从新项目中移除storyboards

我不想在超过4-5屏的项目中使用storyboards,当我新建一个项目时,我通常按照下面的步骤操作。

我不想谈论storyboards本身的问题,如果你对这个话题感兴趣,推荐读这篇文章

在本文中我们将从Single View Application模板中移除storyboard,并使用导航栈来储存不限数量的视图控制器,然后模态化的显示视图页面。

创建新项目

创建一个新项目并选择Single View Application模板。将其命名为NoStoryboards并选择Swift作为编程语言。

01.png

移除storyboard

在项目浏览器里鼠标右键Main.storyboard并选择delete,将其移动到回收站里。

02.png

在项目浏览器里选择你的项目文件。

03.png

会显示一系列的选项。选择Deployment Info并且设置Main Interface为空。

04.png

可选:删除Launch Screen

和上面的操作类似,删除LaunchScreen.xib文件,在项目选项里设置Launch Screen File为空。

05.png

为main controller创建界面文件

右键点击项目主目录并选择New File…。选择User Interface栏以及View模板,将其命名为ViewController。

06.png

打开ViewController.xib,选择File’s Owner占位符。打开Identity Inspector并将其class改为ViewController。

07.png

打开Connections Inspector,并连接view outlet。

08.png

创建新窗口

打开AppDelegate.swifting创建新窗口:

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {
    var window: UIWindow?

    func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {

        window = UIWindow(frame: UIScreen.mainScreen().bounds)

        window?.makeKeyAndVisible()
        return true
    }

    ...
}

加载main controller

创建一个ViewController的实例并将其设置为窗口的根视图控制器。

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {
    var window: UIWindow?

    func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {

        window = UIWindow(frame: UIScreen.mainScreen().bounds)

        var mainViewController = ViewController(nibName: "ViewController", bundle: nil)

        window?.rootViewController = mainViewController
        window?.makeKeyAndVisible()
        return true
    }

    ...
}

Modal Controller

右键点击项目主目录并选择New File…。选择Cocoa Touch Class模板。

09.png

将其命名为ModalController并设置为UIViewController的子类。

10.png

显示模态视图

打开ViewController.xib并从组件库里添加一个按钮,将按钮的title设置为Modal。

编写创建并显示ModalController的方法

class ViewController: UIViewController {
    @IBAction func didTapModal() {
        var modalController = ModalController(nibName: "ModalController", bundle: nil)

        presentViewController(modalController, animated: true, completion: nil)
    }
}

在ModalController里编写dismiss方法

class ModalController: UIViewController {
    @IBAction func dismiss() {
        dismissViewControllerAnimated(true, completion: nil)
    }
}

打开ModalController.xib并从组件库添加按钮,将其命名为Dismiss。将Touch Up Inside事件与dismiss按钮连接起来。

设置导航

在applicationDidFinishLaunchingWithOptions里创建一个UINavigationController,并将它的根视图控制器设为mainViewController。并将窗口的根视图控制器设为navigation controller。

class AppDelegate: UIResponder, UIApplicationDelegate {
    var window: UIWindow?

    func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {

        window = UIWindow(frame: UIScreen.mainScreen().bounds)

        var mainViewController = ViewController(nibName: "ViewController", bundle: nil)

        var navigationController = UINavigationController(rootViewController: mainViewController)

        window?.rootViewController = navigationController
        window?.makeKeyAndVisible()

        return true
    }

    ...
}

如果现在你运行项目,你会在屏幕上看到一个空的导航栏。

11.jpg

覆盖viewDidLoad方法,并将屏幕的title改为Main

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        self.title = "Main"
    }

    ...
}

现在导航栏应该显示标题:

12.png

Secondary Controller

使用Cocoa Touch Class模板创建一个新的视图控制器,并命名为SecondaryController。打开ViewController.xib并从组件库添加一个按钮,将按钮命名为Next。

在ViewController里编写一个方法,来创建SecondaryController并将其放入导航栈里。

class ViewController: UIViewController {
    ...

    @IBAction func didTapNext() {
        var secondaryViewController = SecondaryViewController(nibName: "SecondaryController", bundle: nil)

        navigationController?.pushViewController(secondaryViewController, animated: true)
    }
}

在Interface Builder里链接Next按钮到didTapNext动作。

在SecondaryController添加一个按钮并命名为Next,然后给它加上和上一个相同的行为。

class SecondaryViewController: UIViewController {
    ...

    @IBAction func didTapNext() {
        var secondaryViewController = SecondaryViewController(nibName: "SecondaryController", bundle: nil)

        navigationController?.pushViewController(secondaryViewController, animated: true)
    }
}

实现一个方法并命名为didTapBack,作用是从导航栈里取出当前的视图控制器。

class SecondaryViewController: UIViewController {
    ...

    @IBAction func didTapBack() {
        navigationController?.popViewControllerAnimated(true)
    }
}

在SecondaryController添加Back按钮,并将其连接到didTapBack动作。

给SecondaryController添加一个叫做level的属性,我们将会使用这个属性来命名secondary controllers。

class SecondaryViewController: UIViewController {
    var level = 1

    override func viewDidLoad() {
        super.viewDidLoad()

        self.title = "Secondary \(level)"
    }

    ...
}

修改didTapNext方法。

class SecondaryViewController: UIViewController {
    @IBAction func didTapNext() {
        var secondaryViewController = SecondaryViewController(nibName: "SecondaryController", bundle: nil)

        secondaryViewController.level = level + 1

        navigationController?.pushViewController(secondaryViewController, animated: true)
    }

    ...
}

现在我们可以放入不限数量的secondary controller了。

13.png

总结

如果你不喜欢storyboards,你完全可以不用它们,从项目中移除它只需要5分钟。显示多个页面稍微复杂一些,但也不是很困难。

如果想进一步了解View Controller和Navigation Controller,你可以阅读苹果官方文档View Controller Programming Guide

阅读(225) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~