仿天猫App实现商品列表布局切换效果

昨天有朋友问了我这样一个需求，就是在天猫App中首页进入搜索界面，搜索出的商品页中，有一个按钮可以切换商品列表的布局。没有用过或者用的少天猫App的赶紧下载体验下（哈哈，给天猫打个广告~）。如果你很懒不想去下载的话，OK，我们来看下面这两幅图：

   

上面两幅截图分别是点击右上角按钮后两种不同布局的效果。简单的流程可以概括为：第一次进入页面，有个默认的布局，才是点击按钮，由竖直的线性布局切换到网格布局，也可以叫做瀑布流式布局。看到这里大家是不是迫不及待得想体验下了。坐好了吗，