ionic 手势说明

#### ionic4 手势事件使用教程

Ionic4 官方文档中并没有为我们明确地提供手势相关事件的使用方法。

然而，Ionic4 的源代码中实际上是支持了各种手势事件的，包括 tap、press、pan、swipe、rotate 和 pinch 等事件。

Ionic4 支持的手势事件：

tap     -  点击事件
press   -  长按事件
pan     -  滑动时触发的事件（滑动过程中会触发多次）
swipe   -  滑动事件（滑动过程中只触发一次）
rotate  -  旋转事件
pinch   -  捏合手势事件

要在 Ionic4 中使用这些手势事件，我们需要按照以下步骤操作：

1. 安装 hammerjs：

npm install hammerjs --save

2. 在项目的 `src/main.ts` 文件中引入 `hammerjs`：

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
import 'hammerjs';

if (environment.production) {
    enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule)
    .catch(err => console.log(err));

3. 在 Ionic4 模板中使用手势事件：

<ion-button (press)="doPress()">
    长按触发的事件
</ion-button>

<ion-button (tap)="doTap()">
    点击触发的事件
</ion-button>