wap简单的卡片层叠布局 滑动

 今天闲来无事看到了一篇文章  五行代码实现 炫动滑动 卡片层叠布局,仿探探、人人影视订阅界面 简单&优雅:LayoutManager+ItemTouchHelper

感觉挺好玩的..

点进去之前我以为是web实现的呢  然而并不是   阿西吧 

后面想了想   可以用web实现吗 感觉应该可以  说干就干

先贴code吧

 




    
    
    
    
    左右滑动测试
    
    


    
       

layouDemo

   
   
       
                       
       
       
                       
       
       
                       
       
       
                       
       
       
                       
       
       
                       
       
   
   


花了个把小时实现了一下..(我不会跟你说我真的是现学现卖的....)代码应该比较简单..思路也简单  主要是滑动事件   动画实现

 

 

 

还有没有实现的功能:就是滑动一部分  图片滑动一部分 放手之后图片返回原位, 做了一下 没弄出来 =_=....  应该是判断滑动像素大于多少多少 然后滑动动画 然后复位

 

还有个问题就是页面进来  那些图片会抖一两下.. 可以用个load层掩盖一下当layou-list 加载之后将load去掉就行了.懒的写了

手机可以通过这个地址扫码访问 查看效果...

wap简单的卡片层叠布局 滑动_第1张图片

 

 

 

你可能感兴趣的:(前端遇到的一些问题)