小程序
小游戏
企业微信
微信支付
滑块拖动排序示例
分享一下滑块拖动排序的案例,其实主要的关键点在于判断当前长按的坐标点跟滑块中心的位置关系,这次直接分享代码片段了。有兴趣的有小伙伴可以打开瞧一瞧。
https://developers.weixin.qq.com/s/qKcgIVmL7Qj7
也可以打开恋爱小清单小程序 -> 我-> 纪念日
页面效果图:
2 个评论
加粗
标红
插入代码
插入链接
插入图片
上传视频
不错,不过感觉touchmove的事件不断的去和逻辑层通信来移动拖动的view会比较容易阻塞渲染线程,我记得官方有一个wxs的脚本机制,而且提供了布局的api,同时还支持和逻辑层通讯,看过你的代码后,个人感觉可以在拖动的view中单独通过wxs去处理他需要transform的X和Y(只是在webview层去改变位置),当拖动的位置达到交换点条件的时候,再通过wxs提供的和逻辑层交互的api 去触发其他滑块的交互设置,这样就不会在前期拖动的过程中不断的通过逻辑层的setData去改变拖动块的位置,性能应该会有提升。我是因为最近也有个拖动块的需求正好看到此分享,个人愚见。
附注wxs机制链接:https://developers.weixin.qq.com/miniprogram/dev/framework/view/interactive-animation.html
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
已阅
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
不错,不过感觉touchmove的事件不断的去和逻辑层通信来移动拖动的view会比较容易阻塞渲染线程,我记得官方有一个wxs的脚本机制,而且提供了布局的api,同时还支持和逻辑层通讯,看过你的代码后,个人感觉可以在拖动的view中单独通过wxs去处理他需要transform的X和Y(只是在webview层去改变位置),当拖动的位置达到交换点条件的时候,再通过wxs提供的和逻辑层交互的api 去触发其他滑块的交互设置,这样就不会在前期拖动的过程中不断的通过逻辑层的setData去改变拖动块的位置,性能应该会有提升。我是因为最近也有个拖动块的需求正好看到此分享,个人愚见。
附注wxs机制链接:https://developers.weixin.qq.com/miniprogram/dev/framework/view/interactive-animation.html
已阅