用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
  • TA的每日心情
    郁闷
    2017-6-29 17:34
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    76

    主题

    104

    帖子

    10万

    金钱

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    0

    优秀版主

    2017-1-9 16:32:41 cyk 管理员 楼主 11419
    微信小程序实用demo:手势解锁;画布使用
    实现了手势功能;



    代码示例:
    [AppleScript] 纯文本查看 复制代码
    //index.js
     
    var Lock = require('../../lib/gesture_lock.js');
     
    //获取应用实例
    var app = getApp()
    Page({
      data: {
        userInfo: {}
      },
      //事件处理函数
      bindViewTap: function() {
        wx.navigateTo({
          url: '../logs/logs'
        })
      },
      onLoad: function () {
        var s = this;
        this.lock = new Lock("id-gesture-lock", wx.createCanvasContext("id-gesture-lock"), function(checkPoints, isCancel) {
          console.log('over');
          s.lock.gestureError();
          setTimeout(function() {
            s.lock.reset();
          }, 1000);
        }, {width:300, height:300})
        this.lock.drawGestureLock();
        console.log('onLoad')
        var that = this
        //调用应用实例的方法获取全局数据
        app.getUserInfo(function(userInfo){
          //更新数据
          that.setData({
            userInfo:userInfo
          })
          that.update()
        })
      },
      onTouchStart: function (e) {
        this.lock.onTouchStart(e);
      },
      onTouchMove: function (e) {
        this.lock.onTouchMove(e);
      },
      onTouchEnd: function (e) {
        this.lock.onTouchEnd(e);
      }
    })

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    使用道具 举报 回复
    专注于与个人游戏开发者合作,有产品的朋友联系微信号jim20180688,详聊
    发新帖
    您需要登录后才可以回帖 登录 | 立即注册
    咫尺论坛|小程序开发社区
    X

    扫码添加专属客服即可随时咨询

    还可领取小程序推广攻略