自己写了个可拖拽的悬浮球,拖动的时候没办法像官方按钮那样流畅,会出现卡顿现象,请教大神们有没有可优化的地方。
附上js:
ballTouchMove: function (e) {
console.log(‘我被拖动了…’, e)
var touchs = e.touches[0];
var pageX = touchs.clientX;
var pageY = touchs.clientY;
//防止坐标越界,view宽高的一般
if (pageX < 30) return;
if (pageX > this.data.screenWidth - 30) return;
if (this.data.screenHeight - pageY <= 30) return;
if (pageY <= 30) return;
var x = this.data.screenWidth - pageX - 30;
var y = this.data.screenHeight - pageY - 30;
var menu = this.data.menuBall
menu.right = x * 2
menu.bottom = y * 2
this.setData({
menuBall: menu
})
},