公告列表
公告列表
收藏
回答

movable-view 有时单指滑动也会触发放大的效果

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug movable-view 客户端 iOS 6.6.6 1.9.98

movable-view 有时单指滑动也会触发放大的效果（特别是放大之后再去快速滑动图片），但是事件还是触发 bindchange 绑定的事件


<movable-area id="map-box" style='width:{{map.w}}px;height:{{map.h-42}}px' scale-area> <movable-view id="map-content" style='height:{{map.h}}px;width:{{map_style.width}}px;' scale-min="{{Map_scale}}" scale-max="1.5" scale-value="1" direction="all" scale="true" inertia="true" friction = '20' bindchange='mapChange' bindscale = 'mapScale' damping = '5' > <image class='' src='{{map_src}}' style='height:{{map.h}}px;width:{{map_style.width}}px;' bindload='mapBackgroundStyle'></image> <view wx:for="{{jddata.datapoints}}" wx:for-index="idx" wx:for-item="item" class='map-point-box' style='left:{{map_style.mulriple*Map_Marker[idx].X}}px;top:{{map_style.mulriple*Map_Marker[idx].Y}}px;' bindtap='showMpwh' data-id='{{item.id}}' data-title='{{item.title}}' data-content='{{item.content}}' data-img = '{{item.img}}'> <image src='{{jddata.datapoints[idx].dptypeimgurl}}' mode='aspectFit'></image> <text class='map-point-text'>{{jddata.datapoints[idx].title}}</text> </view> </movable-view> </movable-area>
回答关注问题邀请回答
收藏

2 个回答

  • 风之城
    风之城
    2018-05-23

    wechatide://minicode/xLx8QCm56WZN

    2018-05-23
    有用
    回复 1
    • 2019-07-23
      请问你解决了吗?,我也遇见这个问题,点击时稍带滑动就是缩放
      2019-07-23
      赞
      回复
  • 疯狂的小辣椒
    疯狂的小辣椒
    2018-05-03

    你好，问题未复现。请提供一下出现问题的机型和微信版本，以及能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。

    2018-05-03
    有用
    回复 6
    • 风之城
      风之城
      2018-05-23
      wechatide://minicode/xLx8QCm56WZN
      2018-05-23
      赞
      回复
    • 疯狂的小辣椒
      疯狂的小辣椒
      2018-05-24回复风之城
      在安卓设备测试是否正常呢？具体出现问题的机型和微信版本号是多少呢？
      2018-05-24
      赞
      回复
    • 风之城
      风之城
      2018-05-24回复疯狂的小辣椒
      手机型号 MIXarmeabi-v7a 运行系统 26 微信版本 6.6.6 基础库版本 2.0.8 [128] 往返耗时 400ms 连接方式 Wi-Fi 安卓也会，安卓好一些，但是图片超出屏幕范围，拖动到图片的边界处，单指拖动时，同样会触发放大效果。 ios特别严重，稍微快一些拖动，就可能单指拖动触发放大效果 ios 微信版本：6.6.6； 基础库版本：1.9.98 ； 机型： iPhoneX ；iPhoneSE ；
      2018-05-24
      赞
      回复
    • 疯狂的小辣椒
      疯狂的小辣椒
      2018-05-24回复风之城
      so sad,打开你的代码片段乱码的，麻烦你重新提供新的能复现问题的代码片段咯
      2018-05-24
      赞
      回复
    • 风之城
      风之城
      2018-05-24回复疯狂的小辣椒
      我直接代码发在这里好了,代码只用wxml与js就可以了 ------------------------------------------------wxml:------------------------------------ <movable-area id="map-box" style='width:{{map.w}}px;height:{{map.h}}px' scale-area> <movable-view id="map-content" scale-min="0.85" scale-max="1.5" scale-value="1" direction="all" scale="true" inertia="true" friction = '20' damping = '5' style='height:{{map.h}}px;width:{{map_style.width}}px;' > <image class='' src='https://www.photonmake.com/data/fulv/7ca1c378a281744350577d1e505252de/15256584824a39536ee6c895d00dd74e0f7d97ea42.jpg' style='height:603px;width:940.6800000000001px;' bindload='mapBackgroundStyle'></image> </movable-view> </movable-area> -----------------------------------------------------js:----------------------------------------- const app = getApp() Page({ data: { map:{} }, onLoad: function () { let res = wx.getSystemInfoSync(); let map = {}; map = { w: res.windowWidth, h: res.windowHeight } this.setData({ map: map }); console.log('代码片段是一种迷你、可分享的小程序或小游戏项目，可用于分享小程序和小游戏的开发经验、展示组件和 API 的使用、复现开发问题和 Bug 等。可点击以下链接查看代码片段的详细文档：') console.log('https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html') }, /** * fzc 2018-5-2 手绘地图加载完成显示样式 */ mapBackgroundStyle: function (e) { let width; let that = this; console.log(`图片宽为：${e.detail.width},高为：${e.detail.height}`); console.log(`图片宽高比为：${(e.detail.width / e.detail.height).toFixed(2)}`); width = that.data.map.h * (e.detail.width / e.detail.height).toFixed(2); that.setData({ map_style: { width: width, mulriple: width / e.detail.width } }) }, })
      2018-05-24
      赞
      回复
    查看更多(1)
请 登录 后发表内容
相关问题
相关文档