StoryBoard基础

发表于   |   分类于
  • 相当于App的界面流程图，直观显示视图之间的关系和控件位置，本质上是xib文件的集合
  • 一般项目只有一个StroyBoard，系统自动生成，Main.storyboard
  • 使用谁作为主StoryBoard的配置定义在_Info.plist_文件中的“Main storyboard file base name”

总体分区

  • 中间视图显示
  • 下方调试区，显示调试信息，模拟发送坐标，步进调试等
  • 左下角可唤出大纲视图　
  • 右下角模块区，包含新文件、控件、代码块等，供拖拽添加

  • 你看到的是非授权版本！爬虫凶猛，请尊重知识产权！

    转载请注明出处：http://conanwhf.github.io/2015/09/13/StoryBoardBase/

    访问原文「StoryBoard基础」获取最佳阅读体验并参与讨论
  • 右上工具区，文件和帮助与其他源码编辑视图工具区域一样，另有4个专门检查器（Inspector）：_Identity，Attributes，Size, Connection_
        　

    检查器

  • Identity(标识): 定义自定义类，文档，标识字符串，实现辅助选项等，平时主要用来把控件绑定到自定义的类
  • Attributes(属性): 各种属性，不同控件有不同的属性内容，大多跟控件的View有关
  • Size: 精确调整位置和大小，绑定
  • Connection(连接): 各种动作、属性的连接，类似于_callback_，但连接对象不是Function，是对象（实例化后的类）

流程和动作的拖动实现

按住Control(^)再点击控件拖动，即可完成流程动作等的Connect，期间会出现蓝色的连接线

  • 页面切换：将控件（一般是button）拖到页面上松开，在弹出菜单中选（一般是“show”）
  • 控件本身：拖到页面上方_First Responder_图标上，在弹出菜单中选择
  • Connection检查器中已列出所有可能实现的标准动作和数据源，点击右侧小圆点再拖拽即可完成连接　　

源码显示模式

StoryBoard文件上右键，_“OpenAs”_->SourceCode