大飞

关注TA

挑战一切！

世界的顶端
混口饭吃
写了333,609字

Nemo

在文章《网站搭建之坑》中回复：
```
赞?
```
Nemo

在文章《Vue 跨域请求》中回复：
```
点赞点赞~
```
Nemo

在文章《无障碍模式监听微信聊天记录》中回复：
```
阔以，手机还是别给别人玩了...
```
Nemo

在文章《Python 多线程爬取网站小说》中回复：
```
赞！
```
Nemo

在文章《2018年刑侦科目推理试题答案》中回复：
```
非常Nice~！
```
随遇而安

在文章《Android 通用混淆》中回复：
```
赞赞赞
```

Nemo

在文章《Android 通用混淆》中回复：

哟，干货呀，推荐给身边做安卓的朋友了。

TIM图片20170509180148

Nemo

在文章《破解百度云垃圾速度》中回复：

不错。不过建议抓取地址用ex脚本，其他浏览器也可以用。

Nemo

在文章《python 切片和迭代》中回复：
```
回复大飞：哈哈，说得好！
```
Nemo

在文章《python 切片和迭代》中回复：
```
6666，都开始玩python了呀。
```

该文章投稿至Nemo社区 Js、Css、Html 板块复制链接

微信小程序——拖曳图片

发布于 2017/01/14 20:51 1,435浏览 0回复 1,432字

安卓中的拖曳实现步骤：

1.获取屏幕的宽高

2.监控触摸事件move

3.获取移动的xy方向的距离，计算图片应该偏移的距离

4.设置图片偏移

同样微信小程序也是这样的步骤

视图层：

<view class="page">
<image class="dragview"   bindtouchmove="touhMoveMethod" 
 src="../../images/voice_image/voice_icon_speaking_bg_normal.png"
 style="bottom:{{maginBottom}}px;right:{{magnRight}}px;"></image>
</view>

控制层：

Page({
  data: {
    maginBottom: 0,
    magnRight: 0,
    screenWidth: 0,
    screenHeight: 0
  },

  onLoad: function () {
    var _this = this;
    //获取屏幕的宽高
    wx.getSystemInfo({
      success: function (res) {
        // success
        console.log(res)
        _this.setData({
          screenHeight: res.windowHeight,
          screenWidth: res.windowWidth,
          maginBottom: res.windowHeight - 40,
          magnRight: res.windowWidth - 40
        })
      }
    })
  },
  /**
   * 监控移动的大小 并设置到图片上
   */
  touhMoveMethod: function (e) {
    var _this = this;
    console.log(e);
    var touchs = e.touches[0];
    var pageX = touchs.pageX;
    var pageY = touchs.pageY;
    //防止越界
    if (pageX < 0 || pageY < 0 || pageX > this.data.screenWidth - 40 || this.data.screenHeight - pageY <= 40) return;
    _this.setData({
      maginBottom: _this.data.screenHeight - 40 - pageY,
      magnRight: _this.data.screenWidth - 40 - pageX
    })

  }
})