hammerjs npm install hammerjs 第二步 写核心缩放功能 import * as Hammer from 'hammerjs'; // 缩放功能 export class PinchZoom...el.style.webkitTransform = transform; } }); } } 第三步 具体使用 // html文件 // 定义个缩放区域 放大缩小 // ts文件 ... import { PinchZoom...from 'xxxx'; // 引入手写的缩放功能类 ... // 启动缩放功能 ngOnInit() { const elm = document.getElementById('pinchzoom...'); PinchZoom.hammerIt(elm); } 本方案参考自 https://stackoverflow.com/questions/18011099/pinch-to-zoom-using-hammer-js
[--pct-appswitch PERCENT] [--pct-flip PERCENT] [--pct-anyevent PERCENT] [--pct-pinchzoom...randomize-throttle表示每次事件的间隔在0到500毫秒之间不固定 pct 触摸事件百分比,即参数--pct-touch 滑动事件百分比,即参数--pct-motion 缩放事件百分比,即参数--pct-pinchzoom
monitor-native-crashes:跟踪本地方法的崩溃问题Monkey 事件选项--pct-touch:触摸事件--pct-motion:滑动事件--pct-appswitch:activity 之间的切换--pct-pinchzoom
[--pct-appswitch PERCENT] [--pct-flip PERCENT] [--pct-anyevent PERCENT] [--pct-pinchzoom
pressDuration):模拟长按事件 DispatchString(input):输入字符串 Drag(xStart, yStart, xEnd, yEnd, stepCount):用于模拟一个拖拽操作 PinchZoom
–pct-majornav PERCENT] [–pct-appswitch PERCENT] [–pct-flip PERCENT] [–pct-anyevent PERCENT] [–pct-pinchzoom
如果不接该项,monkey将不会延迟,例如:adb shell monkey --throttle 500 -p 包名 事件总数 --pct-事件类别 11个事件百分比控制(有的是9种事件,没有--pct-pinchzoom...(即down事件)后经过一系列伪随机事件后弹出(即up事件) 例子:adb shell monkey -p com.htc.Weather --pct-motion 20 1000 --pct-pinchzoom
PinchZoom(x1Start, y1Start, x1End, y1End, x2Start, y2Start, x2End, y2End, stepCount):模拟缩放手势。
2.1 PinchZoomScript using UnityEngine; using System.Collections; public class PinchZoom : MonoBehaviour
[--pct-appswitch PERCENT] [--pct-flip PERCENT] [--pct-anyevent PERCENT] [--pct-pinchzoom...--pct-appswitch PERCENTActivity的启动比率--pct-flip PERCENT模拟器适用的事件--pct-anyevent PERCENT不常用事件,比如按键--pct-pinchzoom
/事件百分比:// // 0:15.0%触摸事件百分比,即参数–pct-touch// 1:10.0%滑动事件百分比,即参数–pct-motion// // 2:2.0%缩放事件比例,即参数–pct-pinchzoom
可通过--pct-pinchzoom参数来配置其事件百分比。
-事件0 为touch事件,就是相当于按下之后弹起来的一个动作// 10.0% --事件1 为motion,相当于说从起始点到终点有移动了多少步,就是步骤数量 // 2.0% --事件2 为pinchzoom
Drag(xStart,yStart,xEnd,yEnd,pCount) 模拟拖动操作 xStart,yStart:开始的坐标值 xEnd,yEnd:结束的坐标值 pCount:滑动事件的次数 10.PinchZoom
$refs.preview.clickHandler(); //new PinchZoom.default($(this)[0], {});
领取专属 10元无门槛券
手把手带您无忧上云