通过使用导航条（UINavigationBar）与导航条控制器（UINavigationController）可以方便的在主页面和多层子页面之间切换。下面通过一个简单“组件效果演示”的小例子来说明如何通过代码来进行页面的切换。

@H_301_4@

功能如下： @H_301_4@

1，在AppDelagete.swift入口文件中把首页ViewController做了导航控件的封装 @H_301_4@

2，首页是一个表格列出几个Swift控件的名称 @H_301_4@

3，点击表格项即切换到对应组件展示页面，顶部的导航条标题变为该控件的名称，同时导航条左侧还有返回按钮 @H_301_4@

4，在展示页中，给导航条右侧添加了“效果/代码”切换的按钮，点击分别展示组件的效果和代码 @H_301_4@

效果图如下： @H_301_4@

@H_301_4@

代码如下： @H_301_4@

--- 入口文件AppDelegate.swift --- @H_301_4@

1 @H_301_4@

2 @H_301_4@

3 @H_301_4@

4 @H_301_4@

5 @H_301_4@

6 @H_301_4@

7 @H_301_4@ @H_404_53@ 8 @H_301_4@

9 @H_301_4@

10 @H_301_4@

11 @H_301_4@

12 @H_301_4@

13 @H_301_4@

14 @H_301_4@

15 @H_301_4@

16 @H_301_4@

17 @H_301_4@

18 @H_301_4@

19 @H_301_4@

20 @H_301_4@

21 @H_301_4@

22 @H_301_4@

23 @H_301_4@

24 @H_301_4@

25 @H_301_4@

26 @H_301_4@

27 @H_301_4@

28 @H_301_4@

29 @H_301_4@

30 @H_301_4@

31 @H_301_4@

32 @H_301_4@

33 @H_301_4@

import UIKit @H_301_4@

@H_301_4@

@UIApplicationMain @H_301_4@

class AppDelegate: UIResponder,UIApplicationDelegate { @H_301_4@

@H_301_4@

var window: UIWindow? @H_301_4@

@H_301_4@

func application(application: UIApplication, @H_301_4@

didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool { @H_301_4@

@H_301_4@

// 把起始ViewController作为导航控件封装，我们在ViewController里就能调用导航条进行页面切换了

@H_301_4@

let rootViewController = ViewController() @H_301_4@

let rootNavigationController = UINavigationController(rootViewController: rootViewController) @H_301_4@

self.window!.rootViewController = rootNavigationController @H_301_4@

@H_301_4@

return true @H_301_4@

} @H_301_4@

@H_301_4@

func applicationWillResignActive(application: UIApplication) { @H_301_4@

} @H_301_4@

@H_301_4@

func applicationDidEnterBackground(application: UIApplication) { @H_301_4@ @H_301_190@} @H_301_4@

@H_301_4@

func applicationWillEnterForeground(application: UIApplication) { @H_301_4@

} @H_301_4@

@H_301_4@

func applicationDidBecomeActive(application: UIApplication) { @H_301_4@

} @H_301_4@

@H_301_4@

func applicationWillTerminate(application: UIApplication) { @H_301_4@

} @H_301_4@

} @H_301_4@ @H_301_4@

@H_301_4@ @H_301_4@

--- 主页面ViewController.swift --- @H_301_4@

11 @H_301_4@

12 @H_301_4@

13 @H_301_4@

14 @H_301_4@

33 @H_301_4@

34 @H_301_4@

35 @H_301_4@

36 @H_301_4@

37 @H_301_4@

38 @H_301_4@

39 @H_301_4@

40 @H_301_4@

41 @H_301_4@

42 @H_301_4@

43 @H_301_4@

44 @H_301_4@

45 @H_301_4@

46 @H_301_4@

47 @H_301_4@

48 @H_301_4@

49 @H_301_4@

50 @H_301_4@

51 @H_301_4@

52 @H_301_4@

53 @H_301_4@

54 @H_301_4@

55 @H_301_4@

56 @H_301_4@

57 @H_301_4@

ViewController: UIViewController,UITableViewDelegate,UITableViewDataSource { @H_301_4@

@H_301_4@

// 表格加载 @H_301_4@ @H_261_301@tableView:UITableView? @H_301_4@

@H_301_4@

// 控件类型 @H_301_4@

ctrls = [ "UILabel" , "UIButton" "UIImageView" "UiSlider" "UIWebView" ] @H_301_4@

override func viewDidLoad() { @H_301_4@

super .viewDidLoad() @H_301_4@

@H_301_4@

self.title = "Swift控件演示" @H_301_4@

self.tableView = UITableView(frame:self.view.frame,style:UITableViewStyle.Plain) @H_301_4@

self.tableView!.delegate = self @H_301_4@

self.tableView!.dataSource = self @H_301_4@

self.tableView!.registerClass(UITableViewCell.self,forCellReuseIdentifier: "SwiftCell" ) @H_301_4@

self.view.addSubview(self.tableView!) @H_301_4@

@H_301_4@

func didReceiveMemoryWarning() { @H_301_4@ @H_301_190@.didReceiveMemoryWarning() @H_301_4@

// Dispose of any resources that can be recreated. @H_301_4@

} @H_301_4@

@H_301_4@

// UITableViewDataSource协议方法 @H_301_4@

func tableView(tableView: UITableView,numberOfRowsInSection section: Int) -> Int @H_301_4@

{ @H_301_4@

return self.ctrls.count @H_301_4@

} @H_301_4@

@H_301_4@

// UITableViewDataSource协议方法 @H_301_4@

301_4@

-> UITableViewCell @H_301_4@

{ @H_301_4@

let cell = tableView.dequeueReusableCellWithIdentifier(

301_4@

as UITableViewCell @H_301_4@

cell.accessoryType = UITableViewCellAccessoryType.DisclosureIndicator @H_301_4@

cell.textLabel?.text = self.ctrls[indexPath.row] @H_301_4@

@H_301_4@

cell @H_301_4@

} @H_301_4@

@H_301_4@

// UITableViewDelegate协议方法，点击时调用 @H_301_4@

301_4@

{ @H_301_4@

// 跳转到detailViewController，取消选中状态 @H_301_4@

self.tableView!.deselectRowAtIndexPath(indexPath,animated: true ) @H_301_4@

// 创建DetailViewController @H_301_4@

let detailViewController = DetailViewController() @H_301_4@

// 传递控件的title，在detailView里用于判断生成响应的控件 @H_301_4@

detailViewController.title = self.ctrls[indexPath.row] @H_301_4@

// navigationController跳转到detailViewController @H_301_4@

self.navigationController!.pushViewController(detailViewController,monospace!important; min-height:inherit!important">) @H_301_4@

} @H_301_4@

--- 子页面DetailViewController.swift --- @H_301_4@

14 @H_301_4@

15 @H_301_4@

16 @H_301_4@

17 @H_301_4@

50 @H_301_4@

51 @H_301_4@

52 @H_301_4@

53 @H_301_4@

54 @H_301_4@

55 @H_301_4@

57 @H_301_4@

58 @H_301_4@

59 @H_301_4@

60 @H_301_4@

61 @H_301_4@

62 @H_301_4@

63 @H_301_4@

64 @H_301_4@

65 @H_301_4@

66 @H_301_4@

67 @H_301_4@

68 @H_301_4@

69 @H_301_4@

70 @H_301_4@

71 @H_301_4@

72 @H_301_4@

73 @H_301_4@

74 @H_301_4@

75 @H_301_4@

76 @H_301_4@

77 @H_301_4@

78 @H_301_4@

79 @H_301_4@

80 @H_301_4@

81 @H_301_4@

82 @H_301_4@

83 @H_301_4@

84 @H_301_4@

85 @H_301_4@

86 @H_301_4@

87 @H_301_4@

88 @H_301_4@

89 @H_301_4@

90 @H_301_4@

91 @H_301_4@

92 @H_301_4@

93 @H_301_4@

94 @H_301_4@

95 @H_301_4@

96 @H_301_4@

97 @H_301_4@

98 @H_301_4@

99 @H_301_4@

100 @H_301_4@

101 @H_301_4@

102 @H_301_4@

103 @H_301_4@

104 @H_301_4@

105 @H_301_4@

106 @H_301_4@

107 @H_301_4@

108 @H_301_4@

109 @H_301_4@

110 @H_301_4@

111 @H_301_4@ @H_403_615@ 112 @H_301_4@

113 @H_301_4@

114 @H_301_4@

115 @H_301_4@

116 @H_301_4@

117 @H_301_4@

118 @H_301_4@

119 @H_301_4@

120 @H_301_4@

DetailViewController: UIViewController { @H_301_4@

func viewDidLoad() { @H_301_4@ @H_261_301@.viewDidLoad() @H_301_4@

//设置背景色 @H_301_4@

self.view.backgroundColor = UIColor.whiteColor() @H_301_4@

//按title加载控件 @H_301_4@

loadControl(self.title!) @H_301_4@

@H_301_4@

//设置代码和控件展示切换按钮，增加到导航条的右侧 @H_301_4@

//这里采用了navigationController不能增加navigationItem @H_301_4@

let btn = UIBarButtonItem(title: "代码"

301_4@

target: self,action: "btnCodeClicked:" ) @H_301_4@

self.navigationItem.rightBarButtonItem = btn @H_301_4@

} @H_301_4@

@H_301_4@

func didReceiveMemoryWarning() { @H_301_4@

.didReceiveMemoryWarning() @H_301_4@

} @H_301_4@ @H_301_190@ @H_301_4@

//构建控件并加载到界面 @H_301_4@

func loadControl(ctrl: String ) { @H_301_4@

switch (ctrl) { @H_301_4@

case : @H_301_4@

let label = UILabel(frame: self.view.bounds) @H_301_4@

.backgroundColor = UIColor.clearColor() @H_301_4@

.textAlignment = NSTextAlignment.Center @H_301_4@

.font = UIFont.systemFontOfSize( 36 ) @H_301_4@

.text = "Hello,hangge.com" @H_301_4@

self.view.addSubview( ) @H_301_4@

: @H_301_4@

let button = UIButton(frame: CGRectMake( 110 120 100 60 )) @H_301_4@

button.backgroundColor = UIColor.blueColor() @H_301_4@

button.setTitleColor(UIColor.redColor(),forState: UIControlState.Normal) @H_301_4@

button.setTitleColor(UIColor.whiteColor(),forState: UIControlState.Highlighted) @H_301_4@

button.setTitle( "点击我"

301_4@

button.addTarget(self,monospace!important; min-height:inherit!important; color:blue!important">"buttonClicked:"

301_4@

forControlEvents: UIControlEvents.TouchUpInside) @H_301_4@

self.view.addSubview(button) @H_301_4@

: @H_301_4@

let image = UIImage(named: "swift.png" ) @H_301_4@

let imageView = UIImageView(frame: @H_301_4@

CGRectMake((CGRectGetWidth(self.view.bounds) - image!.size.width) / 2.0 120.0

301_4@

image!.size.width,image!.size.height)) @H_301_4@

imageView.image = image! @H_301_4@

self.view.addSubview(imageView) @H_301_4@

: @H_301_4@

let slider = UiSlider(frame:CGRectMake( 60.0 200.0 30.0 )) @H_301_4@

self.view.addSubview(slider) @H_301_4@

: @H_301_4@

let webView = UIWebView(frame:self.view.bounds) @H_301_4@

let url = NSURL(string: "http://www.hangge.com" let request = NSURLRequest(URL: url!) @H_301_4@

webView.loadRequest(request) @H_301_4@

self.view.addSubview(webView) @H_301_4@

@H_301_4@

default : @H_301_4@

print( "control name: \(ctrl)" ) @H_301_4@

} @H_301_4@

@H_301_4@

//显示控件的代码 @H_301_4@

func loadCode(ctrl: ) { @H_301_4@

str: String @H_301_4@

(ctrl) { @H_301_4@

: @H_301_4@

str = "let label = UILabel(frame: self.view.bounds)\n" @H_301_4@

str += "label.backgroundColor = UIColor.clearColor()\n" @H_301_4@

"label.textAlignment = NSTextAlignment.Center\n" @H_301_4@

"label.font = UIFont.systemFontOfSize(36)\n" @H_301_4@

"label.text = \"Hello,Ucai\"\n" @H_301_4@

"self.view.addSubview(label)" @H_301_4@

: @H_301_4@

"UIButton" @H_301_4@

: @H_301_4@

"let slider = UiSlider(frame:CGRectMake(60.0,120.0,200.0,30.0))\n" @H_301_4@

"self.view.addSubview(slider)" @H_301_4@

: @H_301_4@

"other ctrl" @H_301_4@

} @H_301_4@

@H_301_4@

//在导航条下方位置显示源代码 @H_301_4@

let txt = UITextView( @H_301_4@

frame: CGRectMake( 0 )) @H_301_4@

txt.text = str @H_301_4@

self.view.addSubview(txt) @H_301_4@

} @H_301_4@

//清空所有子视图 @H_301_4@

func clearViews() { @H_301_4@

for v in self.view.subviews [UIView] { @H_301_4@

v.removeFromSuperview() @H_301_4@

} @H_301_4@

@H_301_4@

func buttonClicked(sender:AnyObject) { @H_301_4@

"you clicked button" ) @H_301_4@

} @H_301_4@

@H_301_4@

//显示控件的代码 @H_301_4@

func btnCodeClicked(sender:AnyObject) { @H_301_4@

"title: \(self.title)" ) @H_301_4@

clearViews() @H_301_4@

if self.navigationItem.rightBarButtonItem!.title == { @H_301_4@

loadCode(self.title!) @H_301_4@

self.navigationItem.rightBarButtonItem!.title = "效果" @H_301_4@

} @H_301_4@

else { @H_301_4@

"代码" @H_301_4@

loadControl(self.title!) @H_301_4@

} @H_301_4@

/* @H_301_4@

func btnBackClicked(sender:AnyObject) { @H_301_4@

self.navigationController.navigationBar.popNavigationItemAnimated(true) @H_301_4@

} @H_301_4@

*/ @H_301_4@

} @H_301_4@ @H_301_4@

@H_301_4@ @H_301_4@
如果使用StoryBoard实现更加简单 @H_403_1093@

AppDelegate.swift都不需要修改。打开Main.storyboard。

（1）点击首页的Scene，选择Editor -> Embed In -> Navigation Controller 即可。 @H_301_4@ @H_301_4@

@H_301_4@
@H_301_4@

（2）从首页单元格拖“show”的关联Segue到详细页，或从首页View Controller拖手动关联Segue到详细页 @H_301_4@

@H_301_4@
@H_301_4@ @H_403_1093@（3）定义上面刚添加的Segue的Indentifier（比如detail）

@H_301_4@

这样，点击单元格跳转的代码有所改变，是根据刚才定义Segue的Indentifier来跳转 @H_301_4@

1 @H_301_4@

2 @H_301_4@

3 @H_301_4@

4 @H_301_4@

5 @H_301_4@

6 @H_301_4@

7 @H_301_4@ @H_404_53@ 8 @H_301_4@

9 @H_301_4@

10 @H_301_4@

11 @H_301_4@

12 @H_301_4@

13 @H_301_4@

14 @H_301_4@

15 @H_301_4@

16 @H_301_4@

// UITableViewDelegate协议方法，点击时调用 @H_301_4@

301_4@

{ @H_301_4@

// 跳转到detailViewController，取消选中状态 @H_301_4@

true ) @H_301_4@

//更具定义的Segue Indentifier进行跳转 @H_301_4@

self.performSegueWithIdentifier( "detail"

301_4@

} @H_301_4@

@H_301_4@

//在这个方法中给新页面传递参数 @H_301_4@

override func prepareForSegue(segue: UIStoryboardSegue,sender: AnyObject?) { @H_301_4@

if segue.identifier == { @H_301_4@

let controller = segue.destinationViewController as ! DetailViewController @H_301_4@

controller.title = sender ? String @H_301_4@

} @H_301_4@

} @H_301_4@ @H_301_4@

@H_301_4@ @H_301_4@ @H_301_4@
@H_403_1093@原文出自： www.hangge.com @H_403_1093@转载请保留原文链接： http://www.hangge.com/blog/cache/detail_586.html

上一篇：swift手记-4 下一篇：Swift - 移除页面视图上的所有元素

猜你在找的Swift相关文章

Swift 正式开源，同时开源 Swfit 核心库和包管理器

Swift 正式开源！Swift 团队很高兴宣布 Swift 开始开源新篇章。自从苹果发布 Swfit 编程语...

作者：前端之家时间：2020-08-08

Swift开源短短一天不到Github就有9000多star

作者：前端之家时间：2020-08-08

苹果的Swift语言开源了！

开发者（KaiFaX）面向开发者、程序员的专业平台！和今年年初承诺的一样，苹果贴出了Swif...

作者：前端之家时间：2020-08-08

使用 Swift 构建自定义的ActivityIndicator View

本文由@Chun发表于Chun Tips ：http://chun.tips/blog/2014/12/11/shi-yong-swift-gou-jia...

作者：前端之家时间：2020-08-08

Swift中编写单例的正确方式

本文由CocoaChina译者leon(社区ID)翻译原文：THE RIGHT WAY TO WRITE A SINGLETON 在之前...

作者：前端之家时间：2020-08-08

Swift中编写单例的正确方式

本文由CocoaChina译者leon(社区ID)翻译原文：THE RIGHT WAY TO WRITE A SINGLETON 在之前...

作者：前端之家时间：2020-08-08

Swift 的 NSDate 初学者指南

译者：ray16897188；校对：numbbbbb；定稿：Cee 如果问我在做过的所有项目中做的最多的事情...

作者：前端之家时间：2020-08-08

10 个最佳的 Swift 教程实例

★ 时间就是金钱。你可以一开始就使用正确的 Swift 教程来节省时间。本文中提到的教程都是...

作者：前端之家时间：2020-08-08

Swift Package Manager快速上手指南（一）：环境搭建

CSDN移动将持续为您优选移动开发的精华内容，共同探讨移动开发的技术热点话题，涵盖移动应...

作者：前端之家时间：2020-08-08

编写高性能的 Swift 代码

下面这篇文档收集了一系列编写高性能 Swift 代码的要诀和技巧。文档的目标读者是编译器和标...

作者：前端之家时间：2020-08-08

编程分类

iOS Android Swift Hybrid Cocos2d-x Flutter Xcode Silverlight cocoa Cordova

Swift - 使用导航条和导航条控制器来进行页面切换

猜你在找的Swift相关文章