您当前的位置: 首页 > 知识百科 > 微信小程序拖拽功能如何实现?

微信小程序拖拽功能如何实现?

时间:2023-07-01 14:05 阅读数:154 人阅读 分类:知识百科

  微信小程序最近新推出了一个小功能,那就是拖拽功能。相信这一功能的出现让很多程序员都躁动不已。今天小编就来给大家介绍一下微信小程序拖拽功能,希望能对大家有所帮助。

  拖拽功能不是一部就实现的,首先需要做个浮在scroll-view之上的button.尝试了一下.

  Android中也会有类似移动控件的操作.思路差不多.获取到位移的X Y 的变量,给控件设置坐标.

  1.index.wxml

 

 简单的设置一张图片,添加触摸事件监听.点击事件监听.根据触摸事件获取X Y位移,设置为image的位置

  2.index.js


  

    3.index.wxss

  这里需要设置z-index

    

  以上就是小编为您整理的有关微信小程序拖拽的内容,相信看了小编详细的介绍,大家一定有所收获吧。如果大家有什么想说的话,欢迎在下方留言哦!如果您还想了解更多微信知识的话,欢迎访问微微风,更多微信公众号素材等着你!

  推荐阅读:

  微信小程序知识竞赛如何制作?怎么做知识竞赛

  微信小程序获取openid怎么做?小程序如何获取openid

  微信小程序传递数据怎么开发和实现?