Storyboard

开始之前先了解一下storyBoard是什么
  • storyBoard是iOS5中引入的,在近几年的 Xcode 更新中可以看出,苹果对 Storyboard 的开发力度也不断增强,添加了更多功能和特性,同时也让界面的开发和适配更方便。
  • storyBoard的本质是XML文件,它描述了窗体、组件以及Auto Layout 约束等信息。
  • storyBoard的优势就在与它把界面和代码分离,是界面逻辑更直观,代码更清晰、开发效率更高。
好,要创建项目了

然后大家可以看到,Main.storyboard 和 LaunchScreen.storyboard,一个是界面初始化入口,一个是启动页。


PS:这里插一句,昨天刚开始搞得时候,先是拉了一个navigationController进去,发现每次都是启动之后闪了一下,导航条就消失了,让我很费解,后来发现,我特别二的把navigationController放在了LaunchScreen.storyboard里面。所以我觉得,这里面是可以搞一些事情的,还没尝试,慢慢来吧。

进入正题

PS:昨天搞得另一个特别二的事,就是加元素的时候把这个向右的箭头删掉了,然后启动的时候各种黑屏。

  • 尴尬的向右箭头:右面框里的单选框英文翻译过来就是最初的试图控制器,所以,当你确定在当前的这个故事版里面的它就是初始进入的页面的话,那么,请勾选。
  • 再来说第二张图里的Class: class的作用就是关联类文件的。现实的开发中,页面里基本不太可能不需要写代码,比如我们新建了一个FirstViewController.hFirstViewController.m 就可以通过这个选项把拖拽的ViewController和他们关联起来。
刚拖进来新鲜的ViewController

刚创建新鲜的

关联成功
我们先简单的那微信当做一个例子吧

1、 首先我们需要一个tableware,于是我们删掉了之前的viewController,拖入一个tabbarController,然后删掉多余的东西。上图



2、微信有四个item 微信、通讯录、发现、我。都带导航条。来搞一下,拖进来4个navigation,为了练习,删掉了带过来的rootViewController



3、按住control鼠标从navigation拖到viewController上 选root那个

4、 我把.h和.m直接创建了,然后绑定



5、 按住control鼠标从tabbarController拖到navigation上 选view controllers那个


6、 设置一下item ,修改右边框里的数据

7、这里暂时就先不搞那个tableView了,直接搞页面跳转部分吧。先简单加几个button和viewController作为跳转使用。

8、按住control 从button拖~ 拖到viewController

9、我们可以看到有几个选项,刚开始不知道是干嘛的,于是上网查了一下。
苹果文档的地址,有能力可以去看一下,我是看不懂。
https://developer.apple.com/library/ios/recipes/xcode_help-IB_storyboard/chapters/StoryboardSegue.html

在网上找到了翻译了的苹果文档内容:

  • Show: 在master或detail区域展现内容(典型的如iPad的设置界面,左侧是master,右侧是detail),究竟是在哪个区要取决于屏幕上的内容,如果不分master/detail,就单纯的把新的内容push到当前view controller stack的顶部
  • Show Detail: 大致同Show,在detail区域展现内容,如果不分master/detail,新的内容取代当前view controller stack的顶部
  • Present Modally:模态展示内容,从下面弹上来的那种。
  • Present as Popover:在当前的view上出现一个小窗口来展示内容,无处不在的“选中文字后出现 复制/翻译 按钮就是这个
  • Custom:自定义的
  • Push: 这个大家都知道吧。
  • Modal: 和上面的Present Modally是一样的,从下面弹出来那种。

9、我们先选push,当然还有另外一种push的方法,稍后再说。

大家看,push过来导航条是有变化的,刚来进来的时候是没有导航条的

10、页面下面这个注掉的方法,每次页面跳转都会走这个方法,用来传递参数什么的。

push的时候

11、还有另外一种push 的方式,通过代码push,然后按住control从上一个页面连接到下一个页面,


12、要给这个segue 一个id 在push2click中添加一个方法,push2 就是刚才添加的segue id

13、还有另外一种代码push的方式,这种就要用到 storyBoard id了,同时也要创建类文件,前面说过了,直接上图。

14、 然后看代码,这里就看着比较像我们平时写的代码了,只是获取类的方式不一样

15、从下面弹出来的,基本和push方法是相同的,所以就不多说了。

16、 最后我们来说一下传值吧,先简单试一下,给push到的页面加一个title,

总结

OK,这两天接触的差不多就这么多,以后还会深入的研究,这篇就先到这里了,刚开始学习,可能并不够细致,命名也不规范,欢迎指正,欢迎批评。


更新:

2019.07.09 多个storyboard跳转

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

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,982评论 4 60
  • 在本系列Storyboard教程的第一部分,我们已经学习了如何使用Interface Builder创建并连接不同...
    余一波_Bobby阅读 12,677评论 2 11
  • 【School holiday 邀请墨尔本的同行小伙伴】 时间:2016年7月1日上午10点半~12点 地点:墨尔...
    Didi在澳洲阅读 220评论 0 0
  • 秋高气爽人鼎沸, 水清鱼乐观泉。 戏楼白雪万竹园, 白石二弟子, 雪涛李苦禅。 饮马池边泉漱玉, 婉约美词流传。 ...
    果然全身阅读 208评论 11 12
  • 分手已经3个月了,有了工作,有了朋友,有了规律、健康的生活,但是我却还是很想你。 车上的音乐里面始终有你当时喜欢的...
    一杯酒阅读 326评论 1 4