这个是今天在群里听到有人做了这个功能,于是产生了兴趣。也想来尝试下,参照了KK在github上的例子https://github.com/kunkun12/MapSwipe,例子写得很详细,我这里就不在赘述了。先看效果图:
其实原理很简单,就是设置第二次add进来的Layer的div容器的宽和高。
这里说下我从中学到的一下小的体会吧:在上面有2个radio button按钮,我们在选择水平卷帘或是垂直卷帘时,要对这个按钮做一个判断,这里巧妙的用这种写法
var isverticalswipe=false; var ishorizontalswipe=false; on(dom.byId('verticalswipe'),"click",function(){ isverticalswipe=!isverticalswipe; //没有设置为true,而是a=!a;很巧妙 }); on(dom.byId('horizontalswipe'),"click",function(){ ishorizontalswipe=!ishorizontalswipe; });
源代码可以从上面给的github的连接里下载到。