苹果手机微信小程序图片怎么拖动

苹果手机微信小程序图片怎么拖动,第1张

题主想问的是苹果手机微信小程序图片怎么拖动到桌面上?

1、进入微信找到“小程序”,点击打开。

2、在小程序里找到要添加到桌面的程序,点击打开。

3、进入后,点击程序右上角的图标

4、在d出的界面点击“添加到桌面”。

5、完成后返回手机桌面,就可以看到要添加的程序已在手机桌面了。

实现功能参考: 微信小程序自定义组件实现图片单指拖动、双指缩放效果 有修改。

给图片加拖动事件,我们需要知道它什么时候被点击、被拖拽和拖拽结束。

通过修改imageView的margin-left和margin-top来改变图片的位置以实现图片的单指移动效果和所有 *** 作结束松手后的回d效果。

通过修改imageView的宽和高以实现图片放大缩小的效果。且需要同时修改其margin-left和margin-top使图片能以【两手指的中间点为原点】缩放。

Talk is cheap, show you the code.

接下来是交互事件

让微信小程序中间的图标也跟着图上下滑动方法如下:

1、在WXML文件中创建一个固定高度的区域,并设置其为可滚动的。

2、在该区域内添加两个元素:一个用于显示上下滑动的图片,另一个用于显示图标。

3、在CSS样式文件中,对这两个元素分别设置相应的位置和样式。其中,上下滑动的图片需要设置position:absolute。top:0。left:0。width:100%。height:auto。z-index:-1。等属性,使其能够覆盖住整个区域并与图标区分开来。而图标元素则需要设置position:relative。等属性来保证其相对于父元素的位置不变。

4、使用JavaScript监听区域的滚动事件,获取当前滚动位置,并将其赋值给图标元素的top属性,以实现图标随着滚动上下移动。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/11298966.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-15
下一篇2023-05-15

发表评论

登录后才能评论

评论列表(0条)

    保存