图片 滚动切换效果(二)
2017-03-08 14:28
281 查看
![](https://oscdn.geek-share.com/Uploads/Images/Content/202005/11/a46911a39c0d2e430e9c2121bf55ca91.gif)
增加了快速切换功能。这个是我在 安卓 上模仿的。
因为虽然 普通拉动切换 比较方便,但很多 急躁的人,不喜欢从左 拉 到 右,实现切换。
因为这样 拉的 距离 比较长!所以 这个功能就 可以让 用户,不需要 拉到 最长,只要快速在小范围内拉动,那么就能自动切换下一页或上一页。
当然,你也可以 慢慢拉动,这对于 耐心好的用户 适用。
shield = false; direction = 2; if (gesture.Velocity > 1000) { shield = true; string directionStr = gesture.Direction.ToString(); switch (directionStr) { case "Left": direction = 0; Scenario++; break; case "Right": direction = 1; Scenario--; break; case "Up": shield = false; break; case "Down": shield = false; break; case "UpperLeftDiagonal": direction = 0; Scenario++; break; case "LowerLeftDiagonal": direction = 0; Scenario++; break; case "UpperRightDiagonal": direction = 1; Scenario--; break; case "LowerRightDiagonal": direction = 1; Scenario--; break; default: break; } }
下一节,我将继续 模仿 安卓系统,完成 点击 网格内图标 实现 单屏幕内 拖动布阵效果。
相关文章推荐
- 完善as3图片上下切换,自己滚动效果
- 图片 滚动切换效果(一)
- jQuery轮播图效果+ bxCarousel实现图片滚动切换效果+Mootools Videobox实现视频图片弹出类lightbox效果
- JQuery页面图片切换和新闻列表滚动效果的具体实现
- 两张图片来回滚动切换效果(匀速播放)
- xSlider 可左右、上下图片切换的无缝滚动效果
- jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
- JavaScript html js图片滑动切换效果,幻灯片式切换,新闻展示,滚动新闻
- javascript 另一种图片滚动切换效果思路
- JQuery页面图片切换和新闻列表滚动效果的具体实现
- js鼠标滚轮滚动图片切换效果
- Mootools写的图片滚动切换效果的类
- jQuery底部带导航的图片切换,定时上下滚动效果(无滚轮切换效果)
- [转]JS控制-图片滚动切换效果(实用)
- jquery banner广告幻灯片图片轮播切换,模仿实现当当网滚动广告效果
- 图片 滚动切换效果(六) 高级篇
- jQuery轮播图效果+ bxCarousel实现图片滚动切换效果+Mootools Videobox实现视频图片弹出类lightbox效果
- JS图片滚动切换效果
- jQuery bxCarousel实现图片滚动切换效果