使用Autolayout和约束创建界面布局

近期似乎已有段时间未进行博客创作，博主正在系统复习Java Web相关知识，以应对即将到来的考试，同时也为后续运用UIWebKit打下基础。今日尝试通过Xcode中的Storyboard工具实现自动布局功能，无需编写任何代码即可完成一些基础界面的排版设计。

第一套布局

此处存在两种不同的布局方案，我们首先来观察较为简易的那一种。

这套界面布局方式十分简洁，仅需构建三个UIView对象，并确保它们的总宽度与屏幕宽度一致，同时每个视图的长宽比例保持相等即可。下面将逐步介绍具体的操作步骤。
首先，新建一个项目，随后在Main.storyboard文件中，将三个UIView拖拽至界面中，并为每个视图设置不同的背景色即可（无需特别关注其尺寸和具体位置）。

接下来进行详细操作，先选中这三个视图元素，然后点击Embed In Stack选项，将它们嵌入到一个栈式布局结构中。

![这