小程序段(监测movable-view 拖动)用预览模式功能正常,真机调试不稳定
发布于 6 年前 作者 cpan 12260 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)

当前在预览模式运行比较稳定,但真机调试时movable-view会发生不稳定和跳动的现象

  • 预期表现

预期一拖动movable-view 则其放大至1.6倍,拖动到范围内时则锁定到预定位置(x=139,y=245),否则movable-view恢复1倍大小且返回初始位置(x=0,y=0)。

  • 复现路径
  • 提供一个最简复现 Demo

<view class=“section”>

<movable-area style=“height: 570px; width: 360px; background: red;”>

<image style=“height: 570px; width:360px"mode=“aspectFit"src=”…/…/icons/13.png”></image>

<movable-view style=“height: 50px; width: 50px; background:;” x="{{x}}" y="{{y}}" bindtap="tap"direction="all"damping="40"bindchange=“onChange” bindscale=“onScale"scale scale-min=“0.5” scale-max=“4"scale-value=”{{c}}”>

<image style=“height: 50px; width:50px"mode=“aspectFit"src=”…/…/icons/11.png”></image>

</movable-view>

</view>

data: {

x: 0,

y: 0,

a: 155,

b: 0,

c:1

},

tap: function (e) {

this.setData({

c:1.6

});

},

onChange: function (e) {

console.log(e.detail)

if (e.detail.x > 130 && e.detail.x < 150 && e.detail.y > 220 && e.detail.y<280) {

this.setData({

x: 139,

y: 245,

c:1.6

});

}

else

{

this.setData({

x: 0,

y: 0,

c:1

});

}

},

用小程序段监测监测movable-view 拖动的位置,判断坐标在130<x<150,220<y<280时,则movable-view 锁定到(x=139,y=245)的位置,否则则movable-view 返回(x=0,y=0)。在预览模式时可以稳定实现,真机调试时不稳定,movable-view经常来回跳动,且已经进入130<x<150,220<y<280的范围也不锁定。求高手帮忙分析原因,指出解决方法。

回到顶部