Xcode使用介绍之二：创建UI界面+连线
Posted 纵横启程
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Xcode使用介绍之二：创建UI界面+连线相关的知识，希望对你有一定的参考价值。
一、使用Xcode搭建可视化界面
Xcode提供了两种可视化搭建界面的方法，即storyBoard以及xib：
StoryBoard：扩展名为.storyboard的文件，一般包含多个控制器，以及描述控制器之间如何进行跳转的。从字面意思上理解，即：通过故事板能够看出一款app是如何设计界面的
xib：扩展名为.xib的文件，一般用于展示单个视图（view）；
在实际的开发过程中，一般需要把两种方式结合起来使用，App应用的整体框架，特别是涉及到控制器之间跳转的，建议使用StoryBoard；对于控制器中特定的视图（view），一般采用xib的方式来创建，在实际编码过程中，会手工通过代码方式添加xib到某个控制器中。
二、使用Storyboard创建界面
根据示例程序，在界面中一共包含两个UI控件，即：
UIImageView：用于显示一张图片；
UIButton：用于点击，当点击时，图片会自动显示。
如下图，在Storyboard中，查找出UIButton和UIImageView控件，并用鼠标按住后，拖动到视图控制器中，并在右侧的公共区中设置控件的属性。其中，对于UIButton可以更新其显示的按钮提示文字。
三、连线–建立界面与代码之间的联系
当搭建完毕UI界面后，如何把界面中的UI控件与代码逻辑进行关联？Xcode中提供了连线操作，通过连线操作，可以为控制器添加属性（IBOutlet）以及点击方法（IBAction）
选中工具栏中的“show assistant editor”
选中UIImageView，按住control键，然后拖动连线到viewController.m文件中的如下位置，即为控制器添加一个属性（IBOutlet）;
|
1
以上是关于Xcode使用介绍之二：创建UI界面+连线的主要内容，如果未能解决你的问题，请参考以下文章 |