iOS可视化设计以及连接的建立与查看

记录一个菜鸟的iOS学习之旅，如能帮助正在学习的你，亦枫不胜荣幸；如路过的大神如指教几句，亦枫感激涕淋！

通过上一节的开篇文章，简单介绍了了Xcode主面板的功能，同时尝试着新建一个HelloWorld工程并在模拟器中运行。其中有几个功能点并未详细阐述，大家可能存在一定的困惑，为了后续的进一步学习，本文通过图文解释加以巩固。

可视化设计

初始化的故事板的视觉尺寸是按照 Size classes 特性来的，具体这个特性如何使用，亦枫将在后续单独写出一篇文章来解释。初学者为了学习方便，当然希望将这个布局尺寸设置成实际Iphone手机的尺寸大小。

选中当前布局视图，在右侧工具区域选择 Attributes inspector ，点击Size按钮：

如图，有各种Iphone手机的屏幕尺寸（屏幕对角线大小）可供选择，比如我们可以选择iphone 5s对应的4英寸屏幕大小，此时，可视化设计的布局尺寸将变成5s的屏幕尺寸大小：

控件连接建立与检查

这里就以上节文章的案例来描述。

• 建立连接
  点击选中Button按钮，按住 option键，拖动按钮至左侧 Document Outline 窗口中的View Controller上，松开按键和拖动的操作，弹出 Action segue窗口，其中包含了Controller中所有的Action动作方法，选择“showMessage”方法即可。
  

  

• 检查连接
  建立好的连接有两种方式可以查看。第一种，从控件的连接检查器上看：选中按钮，在工具窗口选择 Connections inspector ，在 Sent Events上可以看到touch up事件；第二种，从 View Controller Scene 上看：右键View Controller，即可查看。
  

  

本文没有介绍一些新的代码层面上的知识点，只是针对上一节文章做了一些技巧性疑惑解答，也是为了在后续的学习过程中避免此类疑惑的再度出现，提升iOS学习之旅的效率。