如何从项目中移除storyboards

来源：互联网发布：windows7未识别的网络编辑：程序博客网时间：2024/04/28 15:06

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

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

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

创建新项目

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

移除storyboard

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

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

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

可选：删除Launch Screen

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

为main controller创建界面文件

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

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

打开Connections Inspector，并连接view outlet。

创建新窗口

打开AppDelegate.swifting创建新窗口：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
@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的实例并将其设置为窗口的根视图控制器。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
@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模板。

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

显示模态视图

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

编写创建并显示ModalController的方法

1
2
3
4
5
6
7
class ViewController: UIViewController {
    @IBAction func didTapModal() {
        var modalController = ModalController(nibName: "ModalController", bundle: nil)
 
        presentViewController(modalController, animated: true, completion: nil)
    }
}

在ModalController里编写dismiss方法

1
2
3
4
5
class ModalController: UIViewController {
    @IBAction func dismiss() {
        dismissViewControllerAnimated(true, completion: nil)
    }
}

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

设置导航

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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
    }
 
    ...
}

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

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

1
2
3
4
5
6
7
8
9
10
class ViewController: UIViewController {
 
    override func viewDidLoad() {
        super.viewDidLoad()
 
        self.title = "Main"
    }
 
    ...
}

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

Secondary Controller

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

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

1
2
3
4
5
6
7
8
9
class ViewController: UIViewController {
    ...
 
    @IBAction func didTapNext() {
        var secondaryViewController = SecondaryViewController(nibName: "SecondaryController", bundle: nil)
 
        navigationController?.pushViewController(secondaryViewController, animated: true)
    }
}

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

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

1
2
3
4
5
6
7
8
9
class SecondaryViewController: UIViewController {
    ...
 
    @IBAction func didTapNext() {
        var secondaryViewController = SecondaryViewController(nibName: "SecondaryController", bundle: nil)
 
        navigationController?.pushViewController(secondaryViewController, animated: true)
    }
}

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

1
2
3
4
5
6
7
class SecondaryViewController: UIViewController {
    ...
 
    @IBAction func didTapBack() {
        navigationController?.popViewControllerAnimated(true)
    }
}

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

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

1
2
3
4
5
6
7
8
9
10
11
class SecondaryViewController: UIViewController {
    var level = 1
 
    override func viewDidLoad() {
        super.viewDidLoad()
 
        self.title = "Secondary \(level)"
    }
 
    ...
}

修改didTapNext方法。

1
2
3
4
5
6
7
8
9
10
11
class SecondaryViewController: UIViewController {
    @IBAction func didTapNext() {
        var secondaryViewController = SecondaryViewController(nibName: "SecondaryController", bundle: nil)
 
        secondaryViewController.level = level + 1
 
        navigationController?.pushViewController(secondaryViewController, animated: true)
    }
 
    ...
}

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

总结

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

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

0 0