高仿系列————主页界面（storyboard）

抽了点下班的空闲时间，把昨天决定的高仿系列起了个头。用一句话来形容，一切都不是那么简单。

看似很简单的一个过程，当自己一步一步去做的时候才发现并不是这么容易。首先新建了一个项目工程，我做的第一件事就是把相关的图片资源导入到项目中。然后你需要新建文件夹，最好是的文件夹目录和虚拟文件夹对应，便于以后查找。光是一些配置工作，比如第三方库，常用分类等就用了个多小时。还是因为自己平时没有把常用的归类，整理，到了用的时候，再去到处找。

然后把项目的AppIcon和LanuchImage搞定至少就花了半个小时，因为要涉及到不同分辨率下的适配，所以一个一个图片的区适配。在适配AppIcon的时候还是不是会出错。后来自己总结出，尽量从finder中的Images.xcassets拖进去。这样不会报错。

适配完了基本的图片，现在就该动手写界面。这里遇到了一个比较值得争论的问题。是自己该手动写代码布局，还是通过storyboard。自己最终决定用storyboard试一试，每一种方式都不是那么简单。以前自己布局都是通过代码来写。想起是比较痛苦的，需要不断的去调试位置，CMD+R。选择Storyboard还是因为见效果。可是有一个非常大缺点，如何重用。每次都从storyboard开始加载，这样是不是不太灵活。

最终还是把界面搞好了。手写的tabbar，上边的滑动用lable实现，现在还没有加滑动的效果，这个应该不难。中间的视图是一个scrlolView，可以左右切换视图。

还是总结一下小技巧：

1、storyboard中，可以多次添加UIView设置器背景颜色，来区分个个视图。虽然可以通过shift+control+A 可以看到层次，但是调试的时候更为直观

2、添加图片的时候先将图片资源复制到imageasset中，然后再去find中的imageasset拖进来。

3、代码布局虽然耗时，但是灵活，而且好的可以重用。用storyboard的方式不知道比较好的实现重用。

4、关于自定义tabbar自己使用了比较简单方法。具体详见代码。

最后附上最终效果图

代码下载：https://github.com/kingcodexl/Demo