
微信小程序 触控事件: 微信小程序的"事件"挺有意思。看了说明文档后发现它的功能很全,事件可以向父节点传递,而且打印这个事件的信息很透明,调试起来应该非常方便。 接下来把文档copy过来 原文地址:>
可以通过上传两个,一个是可以定制的T恤/背包等背景图,一个是定制的logo。让用户可以可以拖动logo放置在背景图上粗略实现DIY的预览效果。具体要求:可手势放大/缩小,可面板 *** 作切换,可面板 *** 作放大缩小对应的,可本地选择。
原生容器组件的 movable-area | 微信开放文档 (qqcom) 已经内部实现了拖动和放大缩小,我们只需要理顺组件交互的思路以及注意事项,主要有以下:
1movable-view必须为movable-area的子级元素。
2两个movable-view不能同时设为可手势放大/缩小,存在冲突,因此需要在点击/拖动,还有点击下方tab切换背景图/logo时控制相应的movable-view是否可手势缩放。
3点击或拖动logo/背景时候,与下方的 *** 作面板的tab元素互动,因此需要监听touchstart事件。
4点击/拖动logo时候,需要显示边框,在拖动结束的时候边框消失,显得更用户友好,因此需要在touchstart和touchend中做处理。
5手势放大/缩小时,需要同步下方 *** 作面板的放大倍数,因此需要绑定scale的值(movable-view提供)。
6(重点)手势放大缩小事件是一种resize事件,如果每次resize都要更新一次面板计步器的话是十分浪费资源的,因此需要进行函数防抖(debounce),当触发时,如果规定时间间隔:500ms(个人设置的值)内再次触发resize事件,则把时间间隔更新,只有在最后一次resize事件执行后且500ms内没有再次触发resize事件,才进行计步器值的更新,具体防抖的原理和应用可以自行搜索。
1增加保存功能,对完成的进行保存。
2增加旋转功能
以上就是关于微信小程序 有方法解决多点触控事件么全部的内容,包括:微信小程序 有方法解决多点触控事件么、浅谈原生小程序、微信小程序基于movable-area实现DIY T恤/logo定制等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)