PinchEvent
捏合手势事件。
属性
属性名 | 类型 | 说明 | 示例 |
---|---|---|---|
type | string | 事件类型 | type: 'pinch' |
state | number | 手势状态 | state: 0 // normal state: 1 // began state: 2 // changed state: 3 // ended state: 4 // cancelled |
timestamp | number | 时间戳 | timestamp: 1578973450142 |
scale | number | 拉伸的比例 | scale: 1.5 |
示例
Tenon Vue
html
<!-- App.vue-->
<template>
<view @pinch="handlePinch">
<text>Pinch Demo</text>
</view>
</template>
<script>
export default {
methods: {
handlePinch(){
Toast.show('Pinch')
}
}
}
</script>
Tenon React
jsx
import React from "react"
import Tenon from "@hummer/tenon-react"
function App() {
function handlePinch(){
Toast.show('Pinch')
}
return (
<view onPinch={handlePinch}>
<text>Pinch Demo</text>
</view>
);
}
Tenon.render(<App/>)