タッチイベント
現時点では、メインのタッチイベントは多くありません。画像で確認できるメインリストは次のとおりです。
![画像](https://habrastorage.org/files/dc0/c6b/8d1/dc0c6b8d1a224d3c89bec58d6d192764.png)
ExtJSでのタッチイベントのサポート
ExtJS 5でタッチイベントのサポートが追加されました。ExtJS6.0.1.250の最新バージョンでは、次のタッチイベントが存在します(図から類推できます)。
- DoubleTap-ダブルクイックタップ
- ドラッグ -ドラッグアンドドロップ
- EdgeSwipe-コンテナの端からドラッグ
- LongPress-長押し
- ピンチ -上の画像を参照
- 回転 -回転、上の画像を参照
- スワイプ -コンテナーの中心から反転
- タップ -コンテナの中心から反転
これは以前の記事で説明されているため、テストアプリケーションの作成は省略します。
画像ギャラリーを表示するために、最新のツールキットは独自のカルーセルコンポーネントを提供します。これは、スケーリングと画像回転の欠如の最も重要な欠点です。 この問題は公式フォーラムですでに解決されていますが、 Sencha Touch 2.0.1.1の古いバージョンについてのみです。 個人的なブログを持たずに、ここに書き直したプラグインを残します。 彼が誰かのために役立つことを願っています。 次の作品リストを実施しました。
- ExtJS 6をサポートするために作業ロジックを書き直しました
- スケーリングと反転に関連するバグを修正
- 画像カウンター、この画像を回転およびダウンロードするためのボタンを含むツールバーを表示できるオプションのパラメーターがカルーセルに追加されました(ドキュメントを表示している場合に便利です)
- ローテーションイベントと画像ダウンロードイベントを追加
Githubリンク
PS:バグを見つけたら、コメントやgithubに書いてください。いつでも喜んでお手伝いします。
デモンストレーション
デモンストレーション
![画像](https://habrastorage.org/files/090/735/8a8/0907358a8e91464493e665b6d34a174a.gif)