IOS开发入门之五——storyboard的使用(上）

需要iOS开发视频资料可以加我微信: 1914532832  验证信息请注明：IOS开发

 上节介绍了纯代码开发，就是所有页面全部用代码来写，纯代码开发缺点就是比较慢的，而且很不直观，需要在App运行后才能看到页面效果。这节介绍重点一下IOS推荐的开发方式：storyboard，即故事板。使用storyboard开发的优点就是比较直观，页面效果以及页面的跳转关系一目了然。

一、界面简介

    打开Xcode软件，创建一个"Single View App"项目，项目命名为"StoryboardDemo",不清楚怎么创建，请参看"IOS开发入门之二——第一个App"，点击左侧目录里的Main.storyboard文件，可以看到storyboard的编辑界面，分为三个大的区域(红色方框），分别介绍一下：

1.左侧这块：显示App页面的层次结构，就象页面的的一个目录，我们可以看到页面上的所有UI视图以及他们的层级关系，比如storyboard里面多少个页面，每个都包含哪些图片和文字，这些图片和文字是谁包含谁等等信息。

2.中间这块：不用介绍了吧，用来展示页面设计的最终效果，也就是页面最终长什么样子，在这里可以看到。

3.右侧这块：是附属面板，它可分为上下两部分，上面部分主要用于UI视图参数的设置，比如设置按钮的颜色、字体、尺寸等；下面部分主要放置所有的UI视图，比如按钮、文字、图片等视图。

二、添加视图

    接下来我们来添加一个Label视图，Label视图是用来显示一段文字。

1. 首先点击右下角红色方框1，输入"Label"这几个字，这样系统会自动为我们搜索到Label这个视图。

2.然后用鼠标左键按住Label这个视图，拖动