- 浏览: 2957849 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (893)
- android (110)
- iphone (198)
- java (79)
- JavaScript手册-目录 (9)
- JavaScript手册-Array (19)
- JavaScript手册-Boolean (5)
- JavaScript手册-Date (50)
- JavaScript手册-Math (30)
- JavaScript手册-Number (14)
- JavaScript手册-RegExp (7)
- JavaScript手册-String (38)
- JavaScript手册-全局函数 (8)
- JavaScript实用脚本 (7)
- Others (21)
- java-jpcap (7)
- java-thread (1)
- ibm文章 (3)
- classloader (2)
- java-filter (2)
- 运行环境 (33)
- java-正则 (2)
- oracle (1)
- linux-shell (26)
- wap (1)
- sqlite (3)
- wow (1)
- jvm (1)
- git (5)
- unity3d (29)
- iap (2)
- mysql (23)
- nginx (14)
- tomcat (9)
- apache (2)
- php (1)
- ubuntu (40)
- rsa (1)
- golang (21)
- appstore (5)
- sftp (2)
- log4j (2)
- netty (18)
- 测试工具 (6)
- memcache (5)
- 设计模式 (1)
- centos (8)
- google_iab (5)
- iOS专题 (4)
- mac (10)
- 安装配置帮助手册 (2)
- im4java_graphicsmagick (5)
- inotify-tools (1)
- erlang (6)
- 微信支付 (1)
- redis (8)
- RabbitMQ (5)
最新评论
-
heng123:
Netty视频教程https://www.douban.com ...
netty4.0.23 初学的demo -
maotou1988:
使用Netty进行Android与Server端通信实现文字发 ...
netty4.0.23 初学的demo -
码革裹尸:
非常感谢,正好用上
android 呼入电话的监听(来电监听) -
rigou:
提示的/222.177.4.242 无法链接到ip地址,是什 ...
通过 itms:services://? 在线安装ipa ,跨过app-store -
duwanbo:
GridView与数据绑定
StoryBoard学习(1):一个简单例子
今天我准备做一个短暂的辅助教程关于怎么用Xcode 4.2里边的Storyboard.当storyboard出现的时候相比于以前IB的工作方式有些让人茫然不解, 我也感觉苹果在这个技术上真的打了一个曲线球.
实际上当你开始使用它的时候并不是完全那么糟糕,这个教程将会展现用一个按钮怎么连接两个视图控制器, 在这个过程中不会有一行代码.
废话就说这么多,现在让我们进入正题,马上建立一个新的Xcode工程.
1.建立Demo工程
我 们将用Single View Application模板,我们给它取名为Demo.为了简单起见我们这个教程只针对于iPhone. 记住勾选"use Storyboard"和"Use Automatic Reference Counting"这两个选项(虽然在这次教程里我并不会讲解ARC, 注:ARC也就是IOS5内存管理的自动引用计数技术). 我不准备给我的类加任何前缀所以我把那一个位置留空.
现在你应该拥有了你的新的空工程,包含你的App Delegate, 一个single View Controller, 和一个storyboard文件.
在 我们开始storyboard 的学习之前,让我们先建立一个新的view controller. 右击Demo组(就在App Delegage的上面),然后选择"New File", 在Cocoa Touch组里选择UIViewController subclass 然后我们给它取名为"NewViewController"
确保下边的两个选项都没有被标记.
现在你就有一个工程像下边这幅图的样子.
2.Storyboard
现在我们进入正题, storyboard将允许我们定义在我们应用程序中不同的视图之间的相互作用关系.在一个程序中你可以拥有一个或多个storyboard, 这并不是说你真正的需要它().让我们点击storyboard文件然后看看都有些什么.
首先我们看到我们的工程有了我们第一个view controller 而且也包含我们程序的入口点.
现在我们首先要做的就是添加一个navigation controller以便我们能够推入或弹出新的视图. 幸运的是Xcode我们提供了一个简单的做此事情的方法.
左 键单击 View Controller的图片,然后在屏幕的顶部选择Editor menu,然后选择Embed In最后选择Navigation Controller. Xcode非常友好的我们加入了一个新的navigation controller 而且把所有的为了使它能够工作的后台工作都做好了.
谢谢Xcode,但是我想如果这个选项能够更明显一点它会更实用的.现在你拥有了两个box 在你的storyboard 上,如下图所示
非 常棒!现在我们需要一个button来展示从一个视图转到另一个.所以现在让我们添加一个button到View Controller. 只需要托一个"rounded rect button"从对象列表里到view controller上(注意如果你的视图进行了缩放的话你是无法托项目到view上的);
让我们给这个button命名为"New View". 让我们也给navigation bar一个标题"Original View" ,我们可以双击导航条并输入.
现 在我们需要一个新的View Controller 对象来展现我们的 "NewViewController", 在右侧托一个已经存在的viewController进来. 添加一个label写上比如"My New View"或什么其它的. 这样当我们测试把这个视图推入的时候我们就能知道了.现在你的soryboard应该看起来像下面这样
现在我们需要链接我们的view Controller 对象到我们的 "NewViewController" 子类.
选 择你刚才托入的view controller然后选择Identity Inspector在右上方,选择第三个标签,从Class里选择"NewViewController". 最终, 我们需要告诉第一个视图的按钮,当它被点击的时候我们想要移入第二一个视图.简单的按住Ctrl然后从button托动到新的view controller.当我们做完这些时将会出现一个选项列表,有三个选项(push, modal 和custom).选择Push. 这是可行的因为我们有一个Navigation Controller在我们的工程里.如果我们没有在开始把navigation controller加进来,这样做是没有意义的,在运行的时候点击button将不会任何事情发生.不管怎么样,你还可以选择"modal"选项它并不 需要navigation controller.
也注意当我们连接了两个视图以后, navigation bar将会出现在第二个视图.
你的最终的storyboard应该看起来像下边这个样子
现在如果你运行你的工程, 你将看到第一个视图, 点击按钮出现第二个视图.
可能唯一需要提到的就是如果我们需要给新的视图传送数据我们可以实现方法"prepareForSegue:sender:". 当然你也可以从视图返回数据用delegates就像我们平时做的那样.
发表评论
-
iOS程序运行生命周期
2015-11-10 09:05 954iOS程序运行生命周期 在文件AppDele ... -
iOS开发系列--IOS程序开发概览
2015-11-10 07:32 1170iOS开发系列--IOS程序开发概览 概览 ... -
2015年11月Xcode7.1(7B91b)打包发布苹果iOS应用指南
2015-11-09 18:29 108672015年11月Xcode7.1(7B91b) ... -
self.navigationController pushViewController执行不成功
2015-11-06 08:28 1597self.navigationControlle ... -
ios NSString format 保留小数点 float double
2015-11-05 17:37 2921ios NSString format 保留小数点 f ... -
自定义 URL Scheme 完全指南
2015-11-04 16:21 893自定义 URL Scheme 完全指南 转载 htt ... -
UIViewController生命周期方法viewDidLoad、viewWillAppear和viewDidAppear
2015-11-01 12:29 2942UIViewController生命周期 ... -
关于self.view.window与viewDidLoad、viewWillAppear、viewDidAppear
2015-11-01 09:36 2523关于self.view.window与viewD ... -
UIScreen学习记录
2015-10-31 08:18 1050UIScreen学习记录 转载自 ... -
使用NSTimer和CGAffineTransformMakeRotation实现旋转动画
2015-10-29 11:53 1814使用NSTimer和CGAffineTransform ... -
【原】iOSCoreAnimation动画系列教程(一):CABasicAnimation【包会】
2015-10-29 08:59 1014【原】iOSCoreAnimation动 ... -
iOS 在UILabel显示不同的字体和颜色
2015-10-27 08:07 1547在项目开发中,我们经常会遇到在这样一种情形:在一个UI ... -
UISlider滑动条的属性介绍以及于标签联合使用实时显示变动值
2015-10-27 08:06 1243UISlider滑动条的属性 ... -
关于使用DSLTableView下拉刷新数据遇到的问题
2015-10-23 21:17 932关于使用DSLTableView下 ... -
使用AdSupport.framework生成IDFA唯一标识符
2015-10-23 17:29 4699使用AdSupport.framework生成IDFA ... -
AppDelegate的详解
2015-10-22 17:51 665AppDelegate的详解 ... -
iOS开发问题集锦
2015-10-22 13:06 5151. Xcode开发连真机运行报错Please ver ... -
iOS 对象属性参数名定义的注意事项不能以alloc,new,copy,mutableCopy 作为开头命名
2015-10-21 15:41 1317property's synthesized g ... -
iOS-自定义的画圆或弧的UIView
2015-10-21 14:20 2646iOS-自定义的画圆或弧的UIView Cu ... -
iOS自定义的模态提示对话框
2015-10-20 14:27 6465iOS自定义的模态提示对话框 基本思路: 1.创建 ...
相关推荐
不过,如果是在合作开发中,如果两个人同时修改同一个storyboard文件时,就会引起代码冲突,因此需要每个合作开发的每个开发者都要建立一个自己的storyboard,便于维护和修改。这个小demo就是用来简单地介绍多个...
ios7下storyboard的简单使用
一个演示xcode中Storyboard使用的小例子,出处为ios5 by tutorials这本书。详见raywenderlich.com
storyboard-fountain, 以最简单的方式为剧本创建 Storyboard 更新:从底层开始的新版本: ...喷泉喷泉Storyboard 喷泉使得你可以以轻松地画出一个剧本,你可以以快速绘制。 快速可视化以测试场景
2.storyboard描述了视图之间的动画,这些动画叫做"segues"你可以很容易的通过从一个视图控制器(点ctrl-dragging)拖拽到另一个来实现,感谢"segues"让我们不需要写代码去控制页面跳转了。 3.storyboard通过新的cell...
一个简单完整的Storyboard例子,方便初学者学习。直接解压就可运行。
Storyboard是一项令人兴奋的功能,在... 如下图所示,这就是一个完整的应用的storyboard,接下来我们要学习如何通过这种方式创建应用。 现 http://www.raywenderlich.com/50308/storyboards-tutorial-in-ios-7-part-1 ...
iOS开发教程:Storyboard全解析-第一部分
基于XCode4.2或者以上,用StoryBoard开始你的第一个IPhone应用程序开发。StoryBoard添加了更强大的开发功能,手把手的教会你如何使用StoryBoard
用storyboard开发了一个小的tableview的demo,供大家学习storyboard使用。
Nori:为代码控修改 storyboard 提供一个新的途径
UIScrollView autolayout on a storyboard 的一个demo
Storyboard和XIB简单的混合使用
用ControlStoryboardAction控制Storyboard的demo
源码MultiStoryboard,每当告诉一个 iOS 程序员可以使用 Storyboard 进行界面开发总能获得一致的反应:显示器太小,Storyboard 占去太多的空间,要找到一个 ViewController 实在麻烦; Storyboard 文件太大,和 Xib ...
使用storyboard布局的TabbarViewController框架,包含多个storyboard,xib与storyboard混合使用,并提供两种侧滑返回上一个页面的方法。兼容iphone,ipad,支持ios6以上
不等高cell例子_storyBoard.zip
故事板样本[![CI 状态]( Linsin/storyboards-sample.svg?style=flat)]( Linsin/storyboards-sample )用法要运行示例项目, pod install克隆 repo,然后从 Example 目录运行pod install 。要求安装storyboards-sample...
自己研究写的一个storyboard 小demo 里面包含了常用的方法,看懂这个基本上你就会用storyboard了
Crank Storyboard Suite帮助文档