sunyazhou13的专栏

Storyboard是IOS5以后新增的内容，从名字上看，是以故事面板的形式来展现界面间的逻辑关系，Storyboard的功能很强大，今天就简要介绍Storyboard的基本使用，界面间的关系，以及如何使用xib和Storyboard共同使用的情况。首先新建一个Empty工程，并新建一个Storyboard，我命名为MainStoryboard,以下是完整的工程目录结构：

通用的Storyboard通用的stroyboard文件是通向自适应布局光明大道的第一步。在一个storyboard文件中适配iPad和iPhone的布局在iOS8中已不再是梦想。我们不必再为不同尺寸的Apple移动设备创建不同的storyboard文件，不用再苦逼的同步若干个storyboard文件中的内容。这真是一件美好的事情。我们打开Xcode，新建一个项目：选择iOS\Ap

本文将通过简单的UI来说明如何用VFL来实现自动布局。在自动布局的时候避免不了使用代码来加以优化以及根据内容来实现不同的UI。一：api介绍1.NSLayoutConstraint API 1234NSLayoutConstraint+ (NSArray *)constraintsW

前言1MagicNumber -> autoresizingMask -> autolayout以上是纯手写代码所经历的关于页面布局的三个时期在iphone1-iphone3gs时代 window的size固定为(320,480) 我们只需要简单计算一下相对位置就好了在iphone4-iphone4s时代 苹果推出

IOS6之AutoLayout（一）http://blog.csdn.net/zfpp25_/article/details/8861221IOS6之AutoLayout（二）http://blog.csdn.net/zfpp25_/article/details/8861855IOS6之AutoLayout（三）http://blog.csdn.net/z

IOS6之AutoLayout（一）http://blog.csdn.net/zfpp25_/article/details/8861221IOS6之AutoLayout（二）http://blog.csdn.net/zfpp25_/article/details/8861855IOS6之AutoLayout（三）http://blog.csdn.net/z

IOS6之AutoLayout（一）http://blog.csdn.net/zfpp25_/article/details/8861221IOS6之AutoLayout（二）http://blog.csdn.net/zfpp25_/article/details/8861855IOS6之AutoLayout（三）http://blog.csdn.net/z

IOS6之AutoLayout（一）http://blog.csdn.net/zfpp25_/article/details/8861221IOS6之AutoLayout（二）http://blog.csdn.net/zfpp25_/article/details/8861855IOS6之AutoLayout（三）http://blog.csdn.net/z

IOS6之AutoLayout（一）http://blog.csdn.net/zfpp25_/article/details/8861221IOS6之AutoLayout（二）http://blog.csdn.net/zfpp25_/article/details/8861855IOS6之AutoLayout（三）http://blog.csdn.net/z

在Xcode中，自动布局看似是一个很复杂的系统，在真正使用它之前，我也是这么认为的，不过事实并非如此。我们知道，一款iOS应用，其主要UI组件是由一个个相对独立的可视单元构成，这些可视单元有的主要负责向用户输出有用的信息，有些则负责信息的输入（交互），交互的过程中往往还伴随有动画的效果，已达到整个信息传递的连贯性以及用户体验的细腻感。可视单元，在实际开发中主要是view、button等

我不想在超过4-5屏的项目中使用storyboards，当我新建一个项目时，我通常按照下面的步骤操作。我不想谈论storyboards本身的问题，如果你对这个话题感兴趣，推荐读这篇文章。在本文中我们将从Single View Application模板中移除storyboard，并使用导航栈来储存不限数量的视图控制器，然后模态化的显示视图页面。创建新项目创建一个新项

给TextContainer中添加内容打开 Main.storyboard ，从组件库（Object Library）中拖拽两个 Label 组件到TextContainer中，位置可以随意摆放：先选择靠上的Label，然后点击底部的 Align 按钮，添加一个 Horizontal Center in Container约束，再点击 Pin 按钮，添加一个 Top Spacing t