转使用storyboard实现页面跳转,简单的数据传递

由于最近才接触到iOS,苹果已经建议storyboard来搭建所有界面了,于是我也追随时尚,直接开始使用storyboard。(不料在涉及到页面跳转的时候,遇到的问题是:点击后没有任何反应)众所周知,在storyboard中,界面的跳转是通过segue来实现的,利用它,省去了方法内写入跳转的代码。

一 视图跳转

《StoryBoard下的视图跳转》

我们知道:segue共有三种类型:push,modal,和custom。如下图://01

简单说下这三个的作用:使用导航栏压进新的控制器(push),模态的加载视图控制器(modal),自定义(custom)。

好了,废话少说,现在开始我们的旅行。

1,首先建立一个Single View 模板的项目,记得勾选上storyboard。然后打开它,在rootViewController(也就是我们的主视图)添加一些label和一个button。

2,在右边的库中拖入一个ViewController,也添加一个Label。具体如下图所示://02

3,选中button,右键(或control+鼠标左键)拖拽到第二个ViewController中,选择:Modal,然后记得save。这个时候,运行模拟器,点击button,你会发现成功跳转到了第二个界面。我们没有在代码区做任何操作,甚至连button和第二个ViewController都没有创建,确实就是这么的简单。//03

好了,到了这里,简单说一下storyboard下,利用segue界面跳转一共有两种方式:

第一种就是以上我的例子,利用button组件,拖拽添加segue,直接运行就可以用。

第二种是利用ViewController与ViewController之间,拖拽添加segue。不过,这种方法就需要在相应需要跳转的方法内写入代码,手动去设置它的跳转。

4,把刚才例子设置button的segue删除(右键,点X),一切恢复了最初时的状态,我们给buttom添加一个点击的方法,然后在ViewController.m中实现此方法,在方法体内写入这样的代码://04

5,注意看方法参数:@"second",这个second是我自命名的一个标示符,一会你就会遇到。

6,save保存,打开storyboard,选中rootViewController,右键拖拽到第二个ViewController,在弹出的界面同样选择:modal。//05

7,打开这个segue的设置页面:设置其identifier为second,就是我在代码中的那个自命名参数。

8,save保存,运行模拟器,你会惊奇的发现,实现了同样的跳转。

到现在为止,我们一共用两种简单的方式实现了视图的跳转:1是设置button的segue,2是设置viewcontroller与viewcontroller之间的segue,只是后者需要在代码中手动管理跳转。

看似很简单的事情,却让我耽误一些时间,主要是因为我在网上看的好多例子都是以UINavigationController为rootviewController(这样省事省时,跳转后还可以利用系统为我们创建的返回按钮返回到rootViewController),然后用button拖拽到第二个视图时选择的push,由于当时不理解push相关的类型含义,所以在写的时候,我总是选择push,造就了点击后无法跳转。现在终于明朗了,记录下来,供不明白的同学学习。

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

//根据segue Identifier跳转界面

[selfperformSegueWithIdentifier:@"GotoTwo"sender:self];

//以modal方式跳转

[selfpresentModalViewController:nilanimated:YES];

//压进一个viewcontroller

[self.navigationControllerpushViewController:nilanimated:YES];

//弹出一个viewcontroller相当与返回上一个界面

[self.navigationControllerpopViewControllerAnimated:YES];

//以modal跳转的返回方法

[selfdismissModalViewControllerAnimated:YES];

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

再写一下关于segue三个类型的详解:

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

在storyboard中,segue有几种不同的类型,在iphone和ipad的开发中,segue的类型是不同的。

在iphone中,segue有:push,modal,和custom三种不同的类型,这些类型的区别在与新页面出现的方式。

而在ipad中,有push,modal,popover,replace和custom五种不同的类型。

modal

最常用的场景,新的场景完全盖住了旧的那个。用户无法再与上一个场景交互,除非他们先关闭这个场景。

是在viewController中的标准切换的方式,包括淡出什么的,可以选切换动画。

Modalview:就是会弹出一个view,你只能在该view上操作,而不能切换到其他view,除非你关闭了modalview.

Modal View对应的segue type就是modal segue。

*Modal:Transition to another scene for the purposes of completing a task.当user在弹出的modalview里操作完后,就应该dismiss the modal view scene然后切换回the originalview.

push

Push类型一般是需要头一个界面是个Navigation Controller的。

是在navigation View Controller中下一级时使用的那种从右侧划入的方式

*Push:Create a chain of scenes where the user can move forward or back.该segue type是和navigation viewcontrollers一起使用。

popover(iPad only)

popover 类型,就是采用浮动窗的形式把新页面展示出来

*Popover(iPad only):Displays the scene in a pop-up “window” over top of the current view.

Replace (iPad only):

替换当前scene,

Replace the current scene with another. This is used in some specialized iPad viewcontrollers (e.g. split-view controller).

custom

就是自定义跳转方式啦。

*Custom:Used for programming a customtransition between scenes.

在Storyboard中使用自定义的segue类型

参考http://ryan.easymorse.com/?p=72

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

《Xib下的视图跳转》

现在说一下,没有使用Storyboard,直接创建xib时的页面跳转,其实也很简单,只要理解了,都不是问题。我也是从Java刚转过来,起初感觉很不适应,但是现在发现interface builder真的是太强大了。

1,创建一个项目,我用的是Empty Application模版,这种模版创建出来的项目只包含一个Appdelegate.h和Appdelegate.m文件,rootviewController需要我们自行创建。(注意:最新的版本,apple把MainWindow.xib文件取消了,所以无法打开xib查看包含的图标)此时运行模拟器只会显示空白的界面。好了,File-newFile 创建一个Object-C class,打开后,subclass of 选择默认的UIViewController,注意,需要勾选上With XIB for user interface,不然一会无法创建主视图。

2,创建好后,打开其xib文件,简单添加一些button组件。此时保存运行程序还是无法显示我们创建的RootViewController。【有时如果你在项目清单下的user interface 选择此MainViewController运行后台还会报:Applications are expected to have a root view controller at the end of application launch的错误,原因都是项目的Delegate无法发现一个rootViewContrller】所以这就需要我们手动在AppDelegate中让它们关联起来。

AppDelegate.h

AppDelegate.m

[self.viewController就是我们在.h文件中声明的]

3,好了,保存后,这个时候运行就能显示我们的界面了~同样也很简单吧!好了,我们现在参照以上的方法,再创建一个SecondViewController(记得勾选xib),然后我们给rootviewcontroller视图的 button添加一个事件方法,可以让它点击后跳转到SecondViewController。

(首先创建了一个SecondViewController并实例化,intitWithNibName的参数一定要正确写控制器配对的xib文件的名称,调用presentModalViewController:controller 就可以跳转啦。)

发现了把,其实都挺简单的,本来可以创建single View Application模板的,这样就省去创建rootViewController和在Delegate中写那些代码了,我这样也就是让大家感受一下,xib,delagate,stroyboard之间的区别和联系,都尝试一下,你们就会明白他们之间的机制,至少可以会写界面和跳转的方法啦。哈哈,有什么问题大家一起交流,我也是初学者,可以给我留言噢。~~~

二 页面传值

方法一使用segue传递数据,继续上面的项目例子。

1,在rootViewController声明一个UITextField并与storyboard关联上。File-add添加一个SecondViewController(继承UIViewController),然后在keyboard第二个viewcontroller的属性设置其class关联。同样在SecondViewController声明一个UITextField并关联。如图所示://06

2,然后在rootViewController.m的文件中覆盖名称为:prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender的方法,并写入如下语句,如图://07

3,我们获取了主视图的文本框内容,并通过segue的方法发送了出去,接下来要做的就是在secondViewController声明一个@property NSString * 类型,名称为data的字符串,然后在其.m文件中的-(void) viewDidLoad方法中写入如下代码://08

注意:发送数据时,[send setValue:msg forKey:@"data"]; 这个"data"名称一定要与跳转后界面的声明的类型对象的命名一致,不然的话,跳转后的界面是收不到传递的值的。

方法二,使用notification广播实现视图跳转传递数据,继续上面的项目展开。

广播机制分为:注册----发送------------接收(接收方),具体请看一下代码。

1,在要发送数据的视图页面.m文件处理发送逻辑的方法里注册+发送

[java]view plaincopy

- (IBAction)pressed:(id)sender {

//    [self performSegueWithIdentifier:@"second" sender:self];

NSLog(@"send message:%@",firstField.text);

//页面跳转传值方法二:利用notification

NSDictionary *dicts = [NSDictionary dictionaryWithObjectsAndKeys:@"one1",@"one",@"two2",@"two",@"three3",@"three", nil];

//注册(第一步)

NSNotification *notification  =[NSNotification notificationWithName:@"mynotification"object:firstField.text];

//发送(第二步)

[[NSNotificationCenter defaultCenter] postNotification:notification];

//注册+发送也可以一行完成(等效于以上两行)

[[NSNotificationCenter defaultCenter] postNotificationName:@"mynotification2"object:dicts];//发送一个字典过去

}

notificationWithName:参数的值是自己定义,接收方以此名称为接收标识。

2,在跳转后,接收数据视图页面.m文件中处理逻辑的方法里 接收

[java]view plaincopy

- (void)viewDidLoad

{

[superviewDidLoad];

// Do any additional setup after loading the view.

//接受端:接受(第一步)

[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(notificationHandler:) name:@"mynotification"object:nil];

[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(notificationHandler2:) name:@"mynotification2"object:nil];

}

//自定义接收信息和处理的方法(第二步)

-(void) notificationHandler:(NSNotification *) notification{

secondField.text = [notification object];//收到消息后在UItextField中显示出来

}

//自定义接收字典信息的方法

-(void) notificationHandler2:(NSNotification *) notification2{

NSDictionary *dict = [notification2 object];

NSLog(@"receive dict :%@,forkey:%@",dict,[dict objectForKey:@"one"]);

}

注意:如果注册的notification在目标视图没有收到或名称写错,目标视图的相关方法就不会执行

国外参考论坛【传送门】http://blog.isotoma.com/2009/11/on-objective-c-delegates-and-nsnotification-objects/

方法三,通过Delegate委托传递数据

此方法我测试完后,感觉不是太好用,有一些局限性,相当于自定义读取方法:无非是在A对象里保存了一个B对象的指针,然后在A的某个函数里去设置B对象某个属性的值。

具体看教程把。

1,首先add a File--Objective-Cprotocol,然后声明一个传递数值的方法:

[java]view plaincopy

//<1>自定义一个用来传递数值的delegate

@protocolViewPassValueDelegate 

-(void) passValue :( NSString *) value;

@end

2,然后在要发送数据的视图的.h文件下声明一个自定义的delegate

[java]view plaincopy

#import

#import"ViewPassValueDelegate.h"

@interfaceViewController : UIViewController{

NSObject *delegte ;

}

- (IBAction)pressed:(id)sender;//主视图button点击出发的Action

@property(retain, nonatomic) IBOutlet UITextField *firstField;

@end

3,在要发送数据的视图的事件处理方法里声明一个secondViewController实例,然后赋值给 delegate,同时执行协议的 passValue方法

[java]view plaincopy

- (IBAction)pressed:(id)sender {

secondViewController *secondController = [[secondViewController alloc] init];//实例化一个视图2的对象

delegte =  secondController;

[delegte passValue:firstField.text];

}

4,然后在接收数据视图(secondViewController).h文件实现自定义协议

[java]view plaincopy

//<2> 视图1实现自定义协议

@interfacesecondViewController : UIViewController

5,在接收数据视图(secondViewController).m文件中实现协议中的passValue方法:

[java]view plaincopy

//<3>实现自定义delege的方法

-(void) passValue:(NSString *)value{

secondField.text= value;

NSLog(@"passValue method get Value : %@ secondField.text:%@",value,secondField.text);

}

至此,大功告成,打印输出会显示你在第一个界面发送的数据,但是我把此数据赋值于页面的UITextField对象,但是此对象得到的值总是null,无法在界面展示出来,我也很苦恼,什么方法都尝试完了,发现此接收方法总是会在ViewDidLoad方法之后执行,并且方法体内设置UITextField任意值都无法成功。

目前总结是,以上value只是对视图1对象赋值时的一个指针引用,出了方法范围,就无效了。所以在方法体内打印都是有数据的,出了方法体,就没有持有的引用了。

具体原因有待考察。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 160,165评论 4 364
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,720评论 1 298
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,849评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,245评论 0 213
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,596评论 3 288
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,747评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,977评论 2 315
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,708评论 0 204
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,448评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,657评论 2 249
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,141评论 1 261
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,493评论 3 258
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,153评论 3 238
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,108评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,890评论 0 198
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,799评论 2 277
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,685评论 2 272

推荐阅读更多精彩内容