最近在逛天猫,发现天猫的搜索框还不错,于是就决定动手实现一下这个界面,按照我的习惯首先是分析这个界面,然后构思实现的技术点,之后再动手写代码。
先上效果图:
分析:
1:仔细看了看天猫的整体界面,我的想法是分为两个view,上面一个view装按钮、搜索框,下面一个view就是装一个可以滚动的ScrollView,看这种布局,所以ScrollView上面放一个CollectView(具有九宫格样式),好了,大致的控件摸清楚了,如何实现呢!不要急,一步步来
2:第一步分析整体界面,我用的xib布局整个界面,既然用到了xib,想要加载数据就得注册cell和定义Layout,而“猜你所想”和“最近搜索”是CollectView中的两个组头,所以想打好第一步,把该做的都搭好