`
倾城一屁
  • 浏览: 75164 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

基础辅助教程:XCode 4.2的Storyboard

    博客分类:
  • iOS
阅读更多
小弟是刚刚接触ios5,对storyboard也是茫然不知其为何物, goole了下发现一篇英文的入门教程, 看了下还是很基础的,比较适合我这样的新手,我大概翻译了下供大家参考,我英文也是很一般,如果有错误的地方还请大家指正.

以下为翻译内容:

基础辅助教程:XCode 4.2的Storyboard

今天我准备做一个短暂的辅助教程关于怎么用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就像我们平时做的那样.



原文地址:http://developer.apple.com/library/IOS/#documentation/General/Conceptual/Devpedia-CocoaApp/Storyboard.html
分享到:
评论

相关推荐

    Xcode4.2教程(斯坦福大学iOS开发教程3_Walkthrough iOS 5.pdf)

    《Xcode4.2教程——斯坦福大学iOS开发教程3_Walkthrough iOS 5》是为iOS开发者提供的一份详尽指南,特别是针对那些使用Xcode4.2及以上版本进行应用开发的人群。这份教程源自斯坦福大学的课程,旨在帮助开发者深入...

    XCode 4.2 & iOS5 SDK

    **Xcode 4.2与iOS 5 SDK详解** Xcode是Apple开发的一款集成开发环境(IDE),主要用于构建Mac OS X和iOS应用。Xcode 4.2版本是在2011年推出的重要更新,它引入了许多新特性和改进,为开发者提供了更高效、更强大的...

    lion+xcode4.2下载链接的BT种子

    标题中的“lion+xcode4.2下载链接的BT种子”指的是苹果公司开发工具Xcode的4.2版本在Mac OS X Lion操作系统上的安装文件。Xcode是Apple Inc.为开发者提供的一个集成开发环境(IDE),用于创建iOS和macOS应用程序。...

    iOS5开发基础教程 Xcode4.2

    ### iOS5开发基础教程Xcode4.2知识点详解 #### 一、教程概览与学习目标 本教程针对iOS5的开发,使用Xcode4.2作为开发工具,旨在帮助初学者快速掌握iOS应用程序的基本构建方法和技术要点。教程涵盖了从环境搭建到...

    xcode 4.2 (4D199)

    xcode 4.2 and iOS5 sdk torrent 文件

    XCODE4.2英文书籍

    通过《Mastering Xcode 4 - Develop and Design》,读者不仅可以掌握Xcode 4.2的基础操作,还能深入了解如何使用这一工具集来提高开发效率、优化代码质量和提升用户体验。无论是对于新手还是有经验的开发者来说,这...

    xcode4.2+ios5sdk for snowleopard

    xcode4.2 ios5sdk snowleopard

    XCode 4.2 + iOS5 SDK for Snow Leopard/Lion 网络绝版!

    Snow Leopard 上最后一个版本的xcode 网络上已经没有其他可下载的资源点 xcode_4.2_and_ios_5_sdk_for_snow_leopard.dmg xcode_4.2_and_ios_5_sdk_for_lion.dmg md5:4e0efebe696d31b46ab4b117015515a5

    Apple Xcode 4.2 下载地址(非官方)

    在探讨关于“Apple Xcode 4.2 下载地址(非官方)”这一主题时,我们首先需要理解Xcode是什么,以及为什么有人会寻找非官方的下载渠道。Xcode是苹果公司为开发者提供的一套集成开发环境(IDE),主要用于开发macOS、...

    xcode 4.2 免证书真机调试配置

    xcode 4.2 免证书真机调试配置 1、根据《XCode 4.2 免证书调试之...6、XCode4.2项目中,Build Setting->Code signing->Code signing Identity, 点击"Don't Code Sign",选择other,在弹出框中填入"iPhone Developer"。

    xcode4.2_ios5_sdk_for_lion

    标题“xcode4.2_ios5_sdk_for_lion”指的是苹果开发工具Xcode的4.2版本,专门针对iOS 5操作系统的软件开发工具包(SDK)。这一版本的Xcode适用于Mac OS X Lion操作系统,是开发者构建iOS应用程序的重要平台。 在iOS...

    xcode 4.2 and IOS 5.0 DP

    xcode 4.2 and IOS 5.0 DP

    Xcode 4.2 4.1 免证书开发

    - Xcode 4.2: `cd /Developer/Platforms/iPhoneOS.platform/Developer/SDKs/iPhoneOS5.0.sdk/` - 备份原始配置文件 `sudo cp SDKSettings.plist SDKSettings.plist.orig`。 - 编辑配置文件 `sudo vim SDKSettings....

    Xcode4.2for snow

    snow xcode 4.2 mac,亲测,速度不错

    XCode 4.2真机调试

    本文将详细讲解如何使用Xcode 4.2进行真机调试,以便开发者能够在实际设备上测试应用的功能和性能。 一、Xcode 4.2简介 Xcode 4.2是Apple在2011年发布的一个版本,它包含了对iOS 5的支持,并引入了Interface ...

    一个演示xcode中Storyboard使用的小例子

    3. **ViewController的生命周期**:Storyboard中的每个ViewController都可以与特定的Swift或Objective-C类关联,这样就可以在代码中处理用户交互和业务逻辑。Storyboard会自动初始化这些ViewController,遵循其生命...

    XCode4.2中使用Empty Application模板替代旧的Window Based

    ### Xcode 4.2中使用Empty Application模板替代旧的Window-Based Application #### 背景介绍 随着Xcode版本的不断更新与迭代,开发者们也需要不断地调整自己的开发习惯以适应新的工具特性。在Xcode 4.2版本中,...

    Swift Apprentice v4.0 (iOS12 & Swift4.2 & Xcode10)

    Learn how to program with Swift. Currently updated to: Platform: iOS12; Language: Swift4.2; Editor: Xcode10

    IOS计算器源代码,XCODE4.2+IOS5SDK

    这个名为"IOS计算器源代码,XCODE4.2+IOS5SDK"的项目,是使用旧版Xcode 4.2和iOS 5 SDK构建的一个简单计算器应用。下面我们将详细讨论这个项目中的关键知识点。 1. **Xcode 4.2**:Xcode是Apple的官方集成开发环境...

    Empty OpenGL ES Application(XCode 4.2)

    OpenGL ES 从零开始系列教程的工程模板,XCode4.2,路径为/Developer/Platforms/iPhoneOS.platform/Developer/Library/Xcode/Templates/Project Templates/Application/

Global site tag (gtag.js) - Google Analytics