2016年3月14日 界面优化练习

1。首先来两张图片





这两张图片在手机上展现的效果是一样的，但是看到界面层级确差的很多，第一张有10层，第二张有4层，很明显，第二张的渲染速度会更快一点。而我们的app中像这样层级多的界面太多了，如果都尽可能优化一下，那我们的app的流畅度应该能提高很多。
现在练习项目已经上传到svn目录，跟我们现在正在做的项目是同一级目录。
项目打开可以看到目录文件夹，各自找到自己的名字的文件夹，把代码或者新建的文件都放在自己的文件夹下。



如果想在storyboard修改，也可以找到个字的名字，然后修改相应文件



练习题：
做出下面的效果图的样子，并且界面控制在5个层级以内。（界面虽丑，但不是我们练习的目的，所以无所谓了，主要是想想怎么控制层级，里面包含了view，imageview，label）。