从StoryBoard中把控件绑定到源码

发表于   |   分类于

在StoryBoard中的控件除了使用工具箱不会自动生成可见源码，而源码中Add的控件也不会自动显示在StoryBoard。所以如果有些function实现需要用Code，又想用StroyBoard调整界面，就需要绑定
代码和控件绑定后，可以自由修改和编程控件的属性动作。如果代码中的配置和StoryBoard不一致，则通常会看到代码中的效果，因为运行时间比较靠后

自己定义了新的控件继承类

通常用于UIViewController等上层控件

  1. 自己定义个继承自标准的子类（跟控件类型一样），改好名字
  2. 在StoryBoard中选中控件

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

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

    访问原文「从StoryBoard中把控件绑定到源码」获取最佳阅读体验并参与讨论
  4. 右侧工具区Attributes->Custom Class->Class，下拉菜单中选择自己的类

普通控件，添加到ViewController中

通常用于页面的部分控件
方法一：拖动

  1. 打开双视图，在源码视图中选择作为容器的自定义继承类文件，拖动至定义代码段
  2. 在StroyBoard中选中控件，按住”^”拖动至代码中
  3. 松手，在弹出框中给控件命名，检查自动生成@IBOutlet weak var XXXX”的代码即成功

方法二：绑定已有代码

  1. 在作为容器的继承类中加入@IBOutlet weak var name: Class!的代码，Class要与控件名称一样
  2. 右侧检查器Connection->Referencing Outlets->New Referencing Outlets右边的小圆点，拖动至控件上松开
  3. 在弹出框中选择代码中的变量名